插件窝 干货文章 JavaScript 删除数组元素的方法

JavaScript 删除数组元素的方法

数组 class 方法 元素 861    来源:    2024-10-18

本文介绍JavaScript 删除数组中的元素的六大方法,分为如下两大类

  • 操作方法改变了原数组 - 4 种
  • 操作方法不改变原数组 - 2 种

一、4 种 改变原数组的操作方法

1.shift()- 队列方法

用于删除数组中第一个元素,即从左边开始的第一个元素,该操作会影响到数组本身,改变数组原来的长度

let arr = [1,2,3,4];
arr.shift();//删除第一个元素 arr => [2,3,4]

2. pop() - 栈方法

用于删除数组中最后一个元素,即从右边开始的第一个元素,该操作会影响到数组本身,改变数组原来的长度。

let arr = [1,2,3,4];
arr.pop();//删除最后一个元素 arr => [1,2,3]

3. splice() 可以删除多个连续的元素

该方法接收两个参数,第一个参数是要删除的元素下标,第二个参数是从要删除的下标开始删除几个元素;

let arr = [1,2,3,4];
arr.splice(arr.indexOf(1),2);//删除元素值是 1的下标开始的2个元素 arr => [3,4]

4. delete() 可以删除指定元素-特殊的删除操作

delete(arr[0]) 该方法可以删除 arr[0] 的值,但是arr 的 长度依旧是原来的长度,只是 arr[0] 被设置为了 ‘empty’ ,它的值变为了undefined。相当于把指定元素的值设置为了undefined。

let arr = [1,2,3,4];
delete(arr[0]);// arr => [empty,2,3,4]
arr[0] //=> undefined

二、2 种 不改变原数组,而是返回新对象的操作

1. slice() 方法 - 切片

slice() 方法 返回一个新的对象,不影响原数组,该方法有两个入参,第一个参数是起始下标,第二个参数是结束下标的位置。截取的片段不包含第二个参数代表的下标,如果参数为负值说明是从后面数倒数第几个的位置。

let arr = [1,2,3,4];
console.log(arr.slice(null,2));//从下标 1 开始截取到下标 2 前面的片段,即 返回的是[2]
console.log(arr.slice(-3,-1));//从倒数第三个开始截取到倒数第一个之前,即返回 [2,3]
console.log(arr);//=>[1,2,3,4] 依旧不变
l

2. filter() 方法 - 数组的遍历方法

可以通过 ES6 提供的 filter() 方法过滤掉指定值,返回一个新数组

let arr = [1,2,3,4];
let new_arr = arr.filter(item=>item != 2);// new_arr => [1,3,4]
console.log(arr);// arr => [1,2,3,4]

到此这篇关于JavaScript 删除数组元素的方法的文章就介绍到这了,更多相关JavaScript 删除数组元素内容请搜索插件窝以前的文章或继续浏览下面的相关文章希望大家以后多多支持插件窝!