在JS开发中，经常需要对数组进行增删改查等操作，其中删除数组指定下标元素是常见的需求。本文将详细阐述JS删除数组指定下标元素的多个方面，包括ES5、ES6语法、数组splice方法、遍历删除等。
一、使用ES5语法删除数组指定下标元素
// 定义数组
var arr = [1,2,3,4,5];
// 删除数组第二个元素
arr.splice(1,1);
console.log(arr); // [1,3,4,5]
ES5语法可使用数组的splice方法来删除指定下标元素，splice方法的第一个参数为删除的元素的起始位置，第二个参数为删除元素的个数，这里只删除一个元素。
除此之外，可以使用数组的delete关键字来删除指定下标元素，但这种方法只是将指定下标元素的值置为undefined，不会改变数组实际长度，也不会删除掉元素。
// 定义数组
var arr = [1,2,3,4,5];
// 删除数组第二个元素
delete arr[1];
console.log(arr); // [1,undefined,3,4,5]
上述代码中，虽然第二个元素的值已被删除，但是元素的位置依然保留，只是元素的值变成了undefined。
二、使用ES6语法删除数组指定下标元素
// 定义数组
let arr = [1,2,3,4,5];
// 删除数组第二个元素
arr = arr.filter((item, index) => index !== 1);
console.log(arr); // [1,3,4,5]
ES6语法可使用数组的filter方法来删除指定下标元素，filter方法返回一个新的数组，该数组包含与指定条件匹配的所有元素。
上述代码中，通过filter方法传入一个回调函数，该回调函数的第一个参数为元素的值，第二个参数为元素的下标，可以根据下标判断是否是需要删除的元素，并返回不是删除元素的新数组。
三、使用splice方法删除数组指定下标元素
// 定义数组
var arr = [1,2,3,4,5];
// 删除数组第二个元素
arr.splice(1,1);
console.log(arr); // [1,3,4,5]
数组的splice方法不光可以用来添加元素，也可以用来删除元素，其第一个参数也是要删除的元素的位置，第二个参数是要删除的元素个数。
四、使用遍历方法删除数组指定下标元素
// 定义数组
var arr = [1,2,3,4,5];
// 记录删除元素下标
var delIndex = 1;
// 删除元素
arr = arr.filter((item, index) => index !== delIndex);
console.log(arr); // [1,3,4,5]
遍历数组并删除指定下标元素可以使用Array.prototype.filter方法，该方法返回一个新的数组，不包含指定下标元素。
上述代码中先定义要删除的下标delIndex，在使用Array.prototype.filter方法时当遍历到delIndex所指下标时跳过，不加入新的数组中，从而达到删除的目的。
五、结语
以上就是JS删除数组指定下标元素的多个方面的详细阐述，每个方面都有对应的代码示例，从ES5到ES6，从数组splice方法到遍历删除方法，无论是哪种方法都有各自的适用场景，开发者可以根据实际需求选择最合适的方法。
原创文章，作者：UJZLU，如若转载，请注明出处：https://www.506064.com/n/368641.html
微信扫一扫 
支付宝扫一扫 