JavaScript中7种常见删除数组中指定元素的方法（含代码）

见贤思齐

在JavaScript中，有多种方法可以从数组中删除指定的元素。以下是几种常见的方法：1.使用splice()方法2.1splice介绍JavaScript的splice()方法是一个非常强大的数组方法，它允许你同时从数组中删除和添加元素。splice()方法可以接受两个参数：开始修改数组的索引位置和要删除的元素数量。之后，你可以添加任意数量的新元素到该位置。下面是splice()方法的基本使用方法：letarr=[1,2,3,4,5];arr.splice(index,deleteCount,item1,...,itemX);12参数说明：index（必需）：开始修改数组的索引位置。如果为负值，则从数组尾部开始计算位置。deleteCount（必需）：要删除的元素数量。如果设置为0，则不会删除任何元素。如果省略，则默认删除从index位置到数组末尾的所有元素。item1,...,itemX（可选）：要添加到数组的新元素。注意：splice()方法会直接修改原始数组，并返回被删除的元素（如果有）。如果没有元素被删除，则返回一个空数组。2.2代码实现splice()方法可以同时从数组中删除和添加元素。如果只提供了两个参数，那么它只会删除元素。letarr=[1,2,3,4,5];letindex=arr.indexOf(3);//找到要删除的元素的索引if(index!==-1){//确保元素存在于数组中arr.splice(index,1);//删除一个元素}console.log(arr);//输出:[1,2,4,5]123456'运行运行2.使用filter()方法2.1filter介绍JavaScript的filter()方法是一个非常有用的数组方法，它创建一个新数组，新数组中的元素是通过检查指定条件为真的元素。这个方法不会改变原始数组。这是filter()方法的基本语法：javascript复制代码letnewArray=arr.filter(callback(element[,index[,array]])[,thisArg])123参数说明：callback：必需。测试每个元素是否符合条件的函数，该函数应返回一个布尔值。thisArg：可选。执行callback函数时使用的this值。回调函数callback接收以下参数：element：必需。数组中正在处理的当前元素。index（可选）：数组中正在处理的当前元素的索引。array（可选）：filter被调用的数组。回调函数callback应该返回一个布尔值，以指示元素是否应包含在新数组中。如果返回true，则该元素将包含在新数组中；如果返回false，则不包含。2.2代码实现letarr=[1,2,3,4,5];letnewArr=arr.filter(item=>item!==3);//过滤掉等于3的元素console.log(newArr);//输出:[1,2,4,5]123'运行运行3.使用delete运算符3.1delete介绍JavaScript中的delete运算符用于删除对象的属性或数组的元素。当用于对象时，delete运算符将删除对象的指定属性。如果该属性存在，则该属性及其相关联的值将被完全删除。如果该属性不存在，则delete运算符将返回false。需要注意的是，delete运算符只会删除引用类型的属性或元素，而不能删除基本类型的属性或元素。此外，删除后的属性或元素将被设置为undefined，而不是完全消失。3.2代码实现delete运算符可以删除数组的元素，但是不会影响其他数组元素，也不会改变数组的长度。letarr=[1,2,3,4,5];letindex=arr.indexOf(3);//找到要删除的元素的索引if(index!==-1){//确保元素存在于数组中deletearr[index];//删除元素}console.log(arr);//输出:[1,2,undefined,4,5]123456'运行运行4.使用for循环和splice()方法我们可以使用for循环遍历数组，并在遍历过程中使用splice()方法删除元素。letarr=[1,2,3,4,5];for(leti=0;iitem!==3);//过滤掉等于3的元素console.log(newArr);//输出:[1,2,4,5]123'运行运行