[Js]删除数组指定元素

简介:

写在前面

在最近的项目中,有用到js对数组的操作,之前自己几乎没有用到这种方法,这里就记录一下,算是对学到的东西的一种总结吧。

数组对象splice方法

splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。该方法会改变原始数组。

基本语法

arrayObject.splice(index,howmany,item1,.....,itemX)

 参数说明

index:必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。

howmany:必需。要删除的项目数量。如果设置为 0,则不会删除项目。

item1:可选。向数组添加的新项目.

返回值

Array:删除元素后的新数组。

说明

splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。

Array splice方法第一个参数为开始的位置,第二个参数为要删除的个数。

复制代码

<script>
      var arr = [1, 2, 'a', 'b'];
      console.log('原数组');
      console.log(arr.join(','));
      arr.splice(2, 1);
      console.log('删除元素后的数组');
      console.log(arr.join(','));
</script>

复制代码

结果

arr.splice(2,1):删除以index=2开始的元素,1:删除元素的个数为1个。如果要删除2以后的元素可以这样写:arr.splice(2,2);

复制代码
    <script>
        var arr = [1, 2, 'a', 'b'];
        console.log('原数组');
        console.log(arr.join(','));
        arr.splice(2, 1,'wolfy');
        console.log('删除元素后的数组');
        console.log(arr.join(','));
    </script>
复制代码

在这个例子中,我们删除index为2的元素,并用添加了新的元素'wolfy'。有点类似于替换。

总结

在项目中删除数组指定元素,还是比较常用的,善于用array的一些原生方法。

 

博客地址: http://www.cnblogs.com/wolf-sun/
博客版权: 本文以学习、研究和分享为主,欢迎转载,但必须在文章页面明显位置给出原文连接。
如果文中有不妥或者错误的地方还望高手的你指出,以免误人子弟。如果觉得本文对你有所帮助不如【推荐】一下!如果你有更好的建议,不如留言一起讨论,共同进步!
再次感谢您耐心的读完本篇文章。http://www.cnblogs.com/wolf-sun/p/4693114.html

相关文章
|
19天前
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
23 3
|
1天前
|
JavaScript 前端开发
JavaScript 的数组方法 map()、filter() 和 reduce() 提供了函数式编程处理元素的方式
【5月更文挑战第11天】JavaScript 的数组方法 map()、filter() 和 reduce() 提供了函数式编程处理元素的方式。map() 用于创建新数组,其中元素是原数组元素经过指定函数转换后的结果;filter() 则筛选出通过特定条件的元素生成新数组;reduce() 将数组元素累计为单一值。这三个方法使代码更简洁易读,例如:map() 可用于数组元素乘以 2,filter() 用于选取偶数,reduce() 计算数组元素之和。
8 2
|
2天前
|
JavaScript
通过使用online表单的获取使用,了解vue.js数组的常用操作
通过使用online表单的获取使用,了解vue.js数组的常用操作
|
3天前
|
存储 JavaScript 前端开发
深入了解JavaScript中的indexOf()方法:实现数组元素的搜索和索引获取
深入了解JavaScript中的indexOf()方法:实现数组元素的搜索和索引获取
7 0
|
4天前
|
JavaScript 前端开发 索引
js添加、删除、替换、插入元素的方法
js添加、删除、替换、插入元素的方法
10 0
|
6天前
|
JavaScript 前端开发 容器
js操作dom元素
js操作dom元素
13 0
|
6天前
|
JavaScript 前端开发
js关于数组的方法
js关于数组的方法
10 0
|
6天前
|
JavaScript 前端开发
js怎么清空数组?
js怎么清空数组?
11 0
|
6天前
|
存储 JavaScript 前端开发
js处理数组的方法
js处理数组的方法
13 2
|
6天前
|
JavaScript 前端开发
js选取页面元素的方法
js选取页面元素的方法
13 2