华域联盟 JavaScript JavaScript 删除数组元素的方法

JavaScript 删除数组元素的方法

目录

本文介绍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 删除数组元素内容请搜索华域联盟以前的文章或继续浏览下面的相关文章希望大家以后多多支持华域联盟!

本文由 华域联盟 原创撰写:华域联盟 » JavaScript 删除数组元素的方法

转载请保留出处和原文链接:https://www.cnhackhy.com/158050.htm

本文来自网络,不代表华域联盟立场,转载请注明出处。

作者: sterben

发表回复

联系我们

联系我们

2551209778

在线咨询: QQ交谈

邮箱: [email protected]

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们