JS splice的用法

`一、splice()` 方法通过删除或替换现有元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内容。此方法会改变原数组。

语法：array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

参数：

start：指定开始修改的位置(0-n)；如果指定的位置大于等于数组的长度，则会在数组后添加指定的数据；如果指定的是负数，则会从后往前查找(从-1开始计数)，-1则表示最后一个数据相当于(array.length - 1)，如果负数的绝对值大于等于数组的长度，则表示开始位置为第 0 位。

deleteCount：指定要移除的个数(从0开始)，他只会移除"start"后面的数据(包括start本身)；如果deleteCount为0或者负数，则不会移除任何数据

item1，item2....：要添加进数组的元素，从start 位置开始。如果不指定，则 splice() 将只删除数组元素。

返回值：

返回被移除的数组里的元素，组成一个新数组返回，如果没有任何元素被移除，则返回一个空数组

例子：

实现添加数据

// 在末尾添加数据let arr = ['李四', '张三', '王五', '小明', '小红'];// 这句话表示在索引为arr.length（5）的位置，移除0个，添加一个元素"狗蛋"arr.splice(arr.length, 0, '狗蛋');console.log(arr); //  ['李四', '张三', '王五', '小明', '小红', '狗蛋']console.log('------分割线------');// 在前面添加数据let arr1 = ['广东', '北京', '湖南', '湖北'];// 这句话表示在索引为0的位置，移除0个，添加一个元素'武汉'arr1.splice(0, 0, '武汉');console.log(arr1); // ['武汉', '广东', '北京', '湖南', '湖北']console.log('------分割线------');// 注意事项let arr2 = ['数学', '语文', '英语', '地理'];// 注意：// 1.start只要你所写的索引值大于他对应数组的索引值，不管多大，他只会在你原来的数组索引+1的位置上进行添加数据// 2.deleteCount 值为0或者负数 就表示不进行任何移除（删除）arr2.splice(100, -100, '化学');console.log(arr2); // ['数学', '语文', '英语', '地理', '化学']

实现数据删除

let arr = ['李四', '张三', '王五', '小明', '小红'];// 这句话表示 在索引为0的地方，移除一个元素arr.splice(0, 1);console.log(arr); // ['张三', '王五', '小明', '小红']console.log('----分割线----');// 多试几次let arr1 = ['广东', '北京', '湖南', '湖北'];// 这句话表示 在索引为2的位置，移除2个元素arr1.splice(arr1.length - 1, 1);console.log(arr1); //  ['广东', '北京', '湖南']

实现数据替换

let arr = ['李四', '张三', '王五', '小明', '小红'];// 这句话表示 在索引为0的位置，移除一个元素，替换成'狗蛋'arr.splice(0, 1, '狗蛋');console.log(arr); // ['狗蛋', '张三', '王五', '小明', '小红']

JS splice的用法相关推荐

html函数splice,js splice方法怎么用？
js splice()方法 splice() 方法用于添加或删除数组中的元素,然后返回被删除的元素. 注意:这种方法会改变原始数组. 语法:arrayObject.splice(index,howma ...
【ES6】JS类的用法class
[ES6]JS类的用法class 一.概述二.构造函数constructor 三.静态方法与静态变量查看更多ES6教学文章: 参考文献引言:由于JS之前一直没有特有的class来定义类的语法,E ...
js事件监听器用法实例详解
这篇文章主要介绍了js事件监听器用法,以实例形式较为详细的分析了javascript事件监听器使用注意事项与相关技巧,需要的朋友可以参考下本文实例讲述了js事件监听器用法.分享给大家供大家参考.具体 ...
node mysql json_Node.js JSON模块用法实例分析
本文实例讲述了Node.js JSON模块用法.分享给大家供大家参考,具体如下: 一.JSON.stringify语法: JSON.stringify(value [, replacer] [, sp ...
JS正则表达式常见用法实例详解
这篇文章主要介绍了JS正则表达式常见用法,结合实例形式分析了javascript元字符.分组符.修饰符.量词基本含义,并结合具体案例形式分析了javascript正则基本使用技巧,需要的朋友可以参考下 ...
从一个html页面传值到另一个页面,两个html之间的值传递(js location.search用法)
从一个html页面传值到另一个页面,两个html之间的值传递(js location.search用法) 转载,点击跳转
Fabric.js 橡皮擦的用法（包含恢复功能）
theme: smartblue 本文简介点赞 + 关注 + 收藏 = 学会了本文介绍 Fabric.js 的橡皮擦功能. Fabric.js 的基础包并没有包含橡皮擦模块,如果你的项目需要使用橡 ...
原生html例子,原生js的innerHTML用法示例
这篇文章主要为大家详细介绍了原生js的innerHTML用法示例,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小编罗X来看看吧. 上一篇简单提到了innerHTML ...
splice 的用法
splice 的用法 splice 是数组的一个方法,使用这个方法会改变原来的数组结构,splice(index ,howmany , itemX):这个方法接受三个参数,我们在使用的时候可根据自己的 ...

JS splice的用法

`一、splice()` 方法通过删除或替换现有元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内容。此方法会改变原数组。

JS splice的用法相关推荐

最新文章

热门文章

JS splice的用法

一、splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内容。此方法会改变原数组。

JS splice的用法相关推荐

最新文章

热门文章

`一、splice()` 方法通过删除或替换现有元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内容。此方法会改变原数组。