Js删除数组中某一项或几项的几种方法(推荐)

 更新时间:2016年07月27日 08:52:39   投稿:jingxian  
下面小编就为大家带来一篇Js删除数组中某一项或几项的几种方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

1、js中的splice方法

splice(index,len,[item])    注释:该方法会改变原始数组。

splice有3个参数,它也可以用来替换/删除/添加数组内某一个或者几个值

index:数组开始下标        len: 替换/删除的长度       item:替换的值,删除操作的话 item为空

如:arr = ['a','b','c','d']

删除 ----  item不设置

arr.splice(1,1)   //['a','c','d']         删除起始下标为1,长度为1的一个值,len设置的1,如果为0,则数组不变

arr.splice(1,2)  //['a','d']          删除起始下标为1,长度为2的一个值,len设置的2

替换 ---- item为替换的值

arr.splice(1,1,'ttt')        //['a','ttt','c','d']         替换起始下标为1,长度为1的一个值为‘ttt',len设置的1

arr.splice(1,2,'ttt')        //['a','ttt','d']         替换起始下标为1,长度为2的两个值为‘ttt',len设置的1

 

添加 ----  len设置为0,item为添加的值

arr.splice(1,0,'ttt')        //['a','ttt','b','c','d']         表示在下标为1处添加一项‘ttt'

看来还是splice最方便啦

2、delete       delete删除掉数组中的元素后,会把该下标出的值置为undefined,数组的长度不会变

如:delete arr[1]  //['a', ,'c','d']     中间出现两个逗号,数组长度不变,有一项为undefined

还有其他几种自定义方法,参考这里

以上这篇Js删除数组中某一项或几项的几种方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • javascript学习笔记(六)数据类型和JSON格式

    javascript学习笔记(六)数据类型和JSON格式

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,我们称之为JavaScript对象表示法。使用JSON进行数据传输的优势之一是JSON实际上就是JavaScript。它基于ECMAScript第3版中JavaScript对象字面量语法子集的一种文本格式。
    2014-10-10
  • 浅谈js中的bind

    浅谈js中的bind

    这篇文章主要介绍了js中的bind应用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • JavaScript执行顺序详细介绍

    JavaScript执行顺序详细介绍

    这篇文章主要介绍了JavaScript执行顺序,有需要的朋友可以参考一下
    2013-12-12
  • javascript 实现 原路返回

    javascript 实现 原路返回

    这篇文章主要介绍了javascript 实现原路返回的方法,需要的朋友可以参考下
    2015-01-01
  • 原生js实现获取form表单数据代码实例

    原生js实现获取form表单数据代码实例

    这篇文章主要介绍了原生js实现获取form表单数据,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • js正则相关知识点专题

    js正则相关知识点专题

    本篇内容是小编整理的关于脚本之家精选的JS正则的优秀文章,适合大家学习JS正则的相关内容,有需要的朋友参考下。
    2018-05-05
  • JWT构成及工作原理

    JWT构成及工作原理

    这篇文章介绍了JWT构成及工作原理,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-01-01
  • 张孝祥JavaScript学习阶段性总结(2)--(X)HTML学习

    张孝祥JavaScript学习阶段性总结(2)--(X)HTML学习

    张孝祥JavaScript学习阶段性总结(2)--(X)HTML学习...
    2007-02-02
  • 简介JavaScript中substring()方法的使用

    简介JavaScript中substring()方法的使用

    这篇文章主要介绍了简介JavaScript中substring()方法的使用,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • javascript self对象使用详解

    javascript self对象使用详解

    这篇文章主要介绍了javascript self对象使用详解的相关资料,需要的朋友可以参考下
    2016-10-10

最新评论