JavaScript 删除数组元素的方法

2024-03-01 0 117
目录
  • 一、4 种 改变原数组的操作方法
    • 1.shift()- 队列方法
    • 2. pop() – 栈方法
    • 3. splice() 可以删除多个连续的元素
    • 4. delete() 可以删除指定元素-特殊的删除操作
  • 二、2 种 不改变原数组,而是返回新对象的操作
    • 1. slice() 方法 – 切片
    • 2. filter() 方法 – 数组的遍历方法

本文介绍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(1,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 删除数组元素内容请搜索悠久资源网以前的文章或继续浏览下面的相关文章希望大家以后多多支持悠久资源网!

您可能感兴趣的文章:

  • JS中splice添加或删除数组元素
  • JavaScript如何删除数组元素(总结篇)
  • JavaScript删除数组中指定元素5种方法例子
  • JS删除数组中某个元素的四种方式总结
  • JS在Array数组中按指定位置删除或添加元素对象方法示例
  • javascript删除数组元素的七个方法示例

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悠久资源 JavaScript JavaScript 删除数组元素的方法 https://www.u-9.cn/biancheng/javascript/182291.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务