es6怎么删除数组中的某一项-LMLPHP

本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

在es6中,想要删除数组中的任意一项(一个元素),可以利用数组的splice()方法或delete关键字。

方法1、splice:删除后,后面的元素自动填补到前面

arr.splice(index, 1) 
登录后复制

举例:现在有数组 arr=['a','b','c','d']

arr.splice(1, 1); //结果arr=['a','c','d'](下标1开始,删除1个)
登录后复制

注意:

上面的代码中,我们要注意,如果想修改 arr 的值,直接这样操作 arr 直接就变了,而不要写作 arr= arr.splice(1,1),因为 splice() 方法的返回值为删除掉的元素。

补充:

  • spice增加:
arr.splice(1,0,'str'); //结果arr=['a','str','b','c','d']
登录后复制
  • spice替换:
arr.splice(1,1,'str'); //结果arr=['a','str','c','d']
登录后复制
  • spice替换2:
arr.splice(1,2,'str'); //结果arr=['a','str','d'](就是说:下标1开始2个换成1个“str”)
登录后复制
  • spice删除多个:
arr.splice(1,2); //结果arr=['a','d']
登录后复制

方法2、delete:删除后,该下标位置元素为undefined

delete arr[index];
登录后复制

例:

delete arr[1];
登录后复制

es6怎么删除数组中的某一项-LMLPHP

空位元素可以读写,length 属性不排斥空位,空元素位返回值为 undefined

console.log(arr[1]);
登录后复制

es6怎么删除数组中的某一项-LMLPHP

而如果只是想要删除第一个或最后一个元素,也可以利用shift()、pop()、length方法。

方法3:使用shift()函数删除第一个数组元素

array.shift()函数可以把数组的第一个元素从其中删除,并返回第一个元素的值;然后将余下所有元素前移 1 位,以填补数组头部的空缺。

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.shift();
console.log(a);
登录后复制

输出结果为:

es6怎么删除数组中的某一项-LMLPHP

注:shift()方法会改变原数组,修改数组的长度!

方法4:使用pop()删除最后一个数组元素

array.pop()方法可以删除数组 array 中最后一个元素,并返回被删除的元素。

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.pop();
console.log(a)
登录后复制

输出结果为:

es6怎么删除数组中的某一项-LMLPHP

注:pop()方法也会改变原数组,修改数组的长度!

方法5:利用length属性删除最后一个数组元素

数组的length属性一般是用来设置或返回数组中元素的数目,即设置或返回数组长度。

我们可以利用设置数组长度的特性,将length属性的设置的比原长度小,即可从数组尾部删除一个或多个元素;如果值设置为0,就会删除全部数组,即清空数组!

语法:数组对象.length=原数组长度-1;

示例:

var a = [1,2,3,4,5,6,7,8];  //定义数组
console.log(a)
a.length=7;
console.log(a)
登录后复制

es6怎么删除数组中的某一项-LMLPHP

【推荐学习:javascript高级教程

以上就是es6怎么删除数组中的某一项的详细内容,更多请关注Work网其它相关文章!

09-10 07:57