javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > js数组删除元素

JS数组添加或删除元素的三种方式示例详解

作者:ernesto_ji

本文介绍了JavaScript中三种常见的数组操作方法,push()、unshift()和splice(),通过具体实例展示了如何利用这些方法在数组的不同位置添加元素,以及如何使用splice()进行元素的删除,感兴趣的朋友跟随小编一起看看吧

JS数组添加元素的三种方式

1、push() 结尾添加
  数组.push(元素)
  数组.push(newelement1,[newelement2],[newelementX])
  说明:newelement1	必需。要添加到数组的第一个元素。newelement2	可选。要添加到数组的第二个元素。		   newelementX	可选。可添加多个元素。
  var testArray = [0];
  testArray.push(1,2,3)
  console.log(testArray);//0,1,2,3
2、unshift() 头部添加
  数组.unshift(元素)
  数组.unshift(newelement1,[newelement2],[newelementX])
  说明:newelement1	必需。向数组添加的第一个元素。newelement2	可选。向数组添加的第二个元素。newelementX	可选。可添加若干个元素。
  var testArray = [1,2,3];
  testArray.unshift(9)
  console.log(testArray);//9,1,2,3
3、splice() 方法向/从数组指定位置添加/删除项目,然后返回被删除的项目。
数组.splice(index,howmany,[item1, ..., itemX])
说明:index	必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。howmany	必需。要删除的项目数量。如果设置为 0,则不会删除项目。item1, ..., itemX	可选。向数组添加的新项目。
 var testArray = [1,2,3];
 //给数据倒数第二个位置增加元素
  testArray.splice(testArray.length-1,0,4)
  console.log(testArray);//1,2,4,3
  //删除数据元素
  var testArray = [1,2,3];
  //从第一个位置开始,删除元素,删除一个
  testArray.splice(0,1)
  console.log(testArray);//2,3

扩展:JavaScript:数组删除指定元素

JavaScript:数组删除指定元素

1.shift()方法

用于删除数组中的第一个元素。

注:此方法会改变数组的长度

let arr = [1,2,3]
arr.shift() // 删除1
// arr为[2,3]

2.pop()方法

用于删除数组中最后一个元素

注:此方法会改变数组的长度

let arr = [1,2,3]
arr.pop(); //删除3
// arr为[1,2]

3.splice()方法

用于添加删除数组中的指定元素

注:此方法会改变数组长度

let arr = [1,2,3]
arr.splice(0,1)
// arr为[2,3]
//删除数组中某个指定元素
let value = 'b', arr=['a','b','c','d']
arr.splice(arr.indexOf(value), 1) //删除'b'
// arr为['a','c','d']

4.slice()方法

从已有数组中返回选定的元素

注:此方法不会改变原始数组

let arr = [1,2,3]
let newArr = arr.slice(1)
// arr为[1,2,3]
// newArr为[2,3]

5.for循环删除

比较麻烦,不推荐

let index = 3,
    arr = [1,2,3,4],
    newArr = [];
for(let i = 0;i < arr.length; i++) {
      if(i !== index) {
          newArr.push(arr[i])                
    }      
}    
// arr为[1,2,3,4]
// newArr为[1,2,3]

6.delete关键字删除

用于删除(数组)元素

注:delete关键字删除元素后数组长度不变,只是删除元素被置为empty了

let arr = [1,2,3,4]
delete arr[2]
// arr为[1,2,empty,4]

7.filter删除

用于删除指定元素

let arr = ['a','b','c','d'], value='b'
arr = arr.filter(item => item != value)
// arr为['a','c','d']

8.set删除

用于删除指定元素

let arr = ['a','b','c','d'],value='b'
let newSet = new Set(arr)
newSet.delete(value)
let newArr = [...newSet]
// newArr为['a','c','d']

到此这篇关于JS数组添加或删除元素的三种方式的文章就介绍到这了,更多相关js数组添加或删除元素内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文