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 div 遮罩层封锁整个页面
Jul 10 Javascript
jQuery实现的Email中的收件人效果(按del键删除)
Mar 20 Javascript
JQuery入门—编写一个简单的JQuery应用案例
Jan 03 Javascript
jquery+Jscex打造游戏力度条
Sep 12 Javascript
基于JavaScript实现屏幕滚动效果
Jan 18 Javascript
JavaScript实现左右下拉框动态增删示例
Mar 09 Javascript
knockoutjs模板实现树形结构列表
Jul 31 Javascript
babel的使用及安装配置教程
Feb 22 Javascript
Vue项目数据动态过滤实践及实现思路
Sep 11 Javascript
electron制作仿制qq聊天界面的示例代码
Nov 26 Javascript
微信h5静默和非静默授权获取用户openId的方法和步骤
Jun 08 Javascript
简单了解常用的JavaScript 库
Jul 16 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
sql注入与转义的php函数代码
2013/06/17 PHP
PHP 函数call_user_func和call_user_func_array用法详解
2014/03/02 PHP
PHP中浮点数计算比较及取整不准确的解决方法
2015/01/09 PHP
10款实用的PHP开源工具
2015/10/23 PHP
php实现用户登陆简单实例
2017/04/04 PHP
PHP配置ZendOpcache插件加速
2019/02/14 PHP
用JavaScript脚本实现Web页面信息交互
2006/12/21 Javascript
同时使用n个window onload加载实例介绍
2013/04/25 Javascript
jquery 页面滚动到指定DIV实现代码
2013/09/25 Javascript
window.open()详解及浏览器兼容性问题示例探讨
2014/05/29 Javascript
node.js中的console.info方法使用说明
2014/12/09 Javascript
jQuery中focus事件用法实例
2014/12/26 Javascript
jquery通过load获取文件的内容并跳到锚点的方法
2015/01/29 Javascript
jquery实现翻动fadeIn显示的方法
2015/03/05 Javascript
Javascript中this关键字的一些小知识
2015/03/15 Javascript
基于JavaScript实现动态创建表格和增加表格行数
2015/12/20 Javascript
javascript瀑布流布局实现方法详解
2016/02/17 Javascript
animate 实现滑动切换效果【实例代码】
2016/05/05 Javascript
Angular2内置指令NgFor和NgIf详解
2016/08/03 Javascript
基于React实现表单数据的添加和删除详解
2017/03/14 Javascript
JavaScript中Object值合并方法详解
2017/12/22 Javascript
垃圾回收器的相关知识点总结
2018/05/13 Javascript
js实现继承的方法及优缺点总结
2019/05/08 Javascript
vue项目如何监听localStorage或sessionStorage的变化
2021/01/04 Vue.js
[04:13]2018国际邀请赛典藏宝瓶Ⅱ饰品一览
2018/07/21 DOTA
Python使用ntplib库同步校准当地时间的方法
2016/07/02 Python
python模拟鼠标点击和键盘输入的操作
2019/08/04 Python
Python基于pandas爬取网页表格数据
2020/05/11 Python
Pandas的Apply函数具体使用
2020/07/21 Python
appium+python自动化配置(adk、jdk、node.js)
2020/11/17 Python
DHC美国官网:日本通信销售第一的化妆品品牌
2017/11/12 全球购物
最便宜促销价格订机票:Airpaz(总部设在印尼,支持中文)
2018/11/13 全球购物
C语言开发工程师测试题
2016/12/20 面试题
武汉高蓝德国际.net机试
2016/06/24 面试题
MySQL获取所有分类的前N条记录
2021/05/07 MySQL
python实现手机推送 代码也就10行左右
2022/04/12 Python