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


Posted in Javascript onJuly 27, 2016

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 相关文章推荐
Javascript入门学习资料收集整理篇
Jul 06 Javascript
Jquery 获取表单text,areatext,radio,checkbox,select值的代码
Nov 12 Javascript
iframe的onload在Chrome/Opera中执行两次Bug的解决方法
Mar 17 Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
Jun 24 Javascript
js实现单行文本向上滚动效果实例代码
Nov 28 Javascript
JS 中document.write()的用法和清空的原因浅析
Dec 04 Javascript
jQuery序列化form表单数据为JSON对象的实现方法
Sep 20 jQuery
Vue常用的几个指令附完整案例
Nov 06 Javascript
JS前端知识点offset,scroll,client,冒泡,事件对象的应用整理总结
Jun 27 Javascript
微信小程序3D轮播实现代码
Sep 19 Javascript
js实现简易ATM功能
Oct 27 Javascript
vue使用keep-alive实现组件切换时保存原组件数据方法
Oct 30 Javascript
javascript获取网页各种高宽及位置的方法总结
Jul 27 #Javascript
第一次接触神奇的Bootstrap表单
Jul 27 #Javascript
AngularJS 表达式详细讲解及实例代码
Jul 26 #Javascript
基于jQuery实现页面搜索功能
Mar 26 #Javascript
JS中的数组方法笔记整理
Jul 26 #Javascript
jQuery实现日期联动效果实例
Jul 26 #Javascript
一种基于浏览器的自动小票机打印实现方案(js版)
Jul 26 #Javascript
You might like
一个程序下载的管理程序(三)
2006/10/09 PHP
discuz 首页四格:最新话题+最新回复+热门话题+精华文章插件
2007/08/19 PHP
一个显示某段时间内每个月的方法 返回由这些月份组成的数组
2012/05/16 PHP
destoon实现调用当前栏目分类及子分类和三级分类的方法
2014/08/21 PHP
PHP回溯法解决0-1背包问题实例分析
2015/03/23 PHP
php计算税后工资的方法
2015/07/28 PHP
详解PHP原生DOM对象操作XML的方法
2016/10/17 PHP
深入了解PHP中的Array数组和foreach
2016/11/06 PHP
ExtJS扩展 垂直tabLayout实现代码
2009/06/21 Javascript
jQuery 1.7.2中getAll方法的疑惑分析
2012/05/23 Javascript
js 赋值包含单引号双引号问题的解决方法
2014/02/26 Javascript
JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
2014/10/17 Javascript
三种带箭头提示框总结实例
2016/06/14 Javascript
学习JavaScript图片预加载模块
2016/11/07 Javascript
解决Extjs下拉框不显示的问题
2017/06/21 Javascript
JavaScript 值类型和引用类型的初次研究(推荐)
2017/07/19 Javascript
React实践之Tree组件的使用方法
2017/09/30 Javascript
vue 通过下拉框组件学习vue中的父子通讯
2017/12/19 Javascript
Vue项目引发的「过滤器」使用教程
2019/03/12 Javascript
layer弹出层倒计时关闭的实现方法
2019/09/27 Javascript
100行代码实现vue表单校验功能(小白自编)
2019/11/19 Javascript
原生js实现ajax请求和JSONP跨域请求操作示例
2020/03/14 Javascript
jquery实现点击左右按钮切换图片
2021/01/27 jQuery
python批量识别图片指定区域文字内容
2019/04/30 Python
使用python批量修改文件名的方法(视频合并时)
2020/03/24 Python
Python tkinter模版代码实例
2020/02/05 Python
python同时遍历两个list用法说明
2020/05/02 Python
序列化Python对象的方法
2020/08/01 Python
一款基于css3的列表toggle特效实例教程
2015/01/04 HTML / CSS
老生常谈CSS中的长度单位
2016/06/27 HTML / CSS
HTML5拍照和摄像机功能实战详解
2019/01/24 HTML / CSS
Martinelli官方商店:西班牙皮鞋和高跟鞋品牌
2019/07/30 全球购物
买卖正宗运动鞋:GOAT
2019/12/06 全球购物
2016年庆祝六一儿童节活动总结
2016/04/06 职场文书
golang 实现时间戳和时间的转化
2021/05/07 Golang
Python中seaborn库之countplot的数据可视化使用
2021/06/11 Python