js【详解】arr.splice() 数组拼接

简介: js【详解】arr.splice() 数组拼接

arr.splice() 的含义

splice的中文释义为“拼接”,arr.splice() 即剪切掉数组中一个连续的片段后,再拼接上一个新片段。

arr.splice() 的语法

let newArr = arr.splice(起始索引index, 删除的个数, 新增元素1, 新增元素2...)   // 返回被删除元素组成的新数组

会改变原数组

第三个及之后的参数表示:向原数组中添加新的元素,这些元素将会自动插入到开始位置索引的前面。

若未指定删除的个数,则从起始索引index到数组最后一个元素全部删除

arr.splice() 的使用

// 范例1 —— 从第index为1的位置开始,删除之后的所有元素
let arr1 = ["a", "b", "c", "d", "e", "f"];
let result1 = arr1.splice(1); 
 
arr1:["a"]
result1:["b","c","d","e","f"]
//范例2 —— 删除最后两个元素
let arr = ["a", "b", "c", "d", "e", "f"];
let result = arr.splice(-2); 
 
arr:["a","b","c","d"]
result:["e","f"]
//范例3 —— 从index为1的元素开始,一共删除三个元素
let arr = ["a", "b", "c", "d", "e", "f"];
let result = arr.splice(1, 3); 
 
arr:["a","e","f"]
result:["b","c","d"]
//范例4 —— 从index为1的元素开始,一共删除三个元素,并且在 index=1 的前面追加两个元素
let arr = ["a", "b", "c", "d", "e", "f"];
let result = arr.splice(1, 3, "新增元素1", "新增元素2");
 
arr:["a","新增元素1","新增元素2","e","f"]
result:["b","c","d"]
//范例5 —— E6语法实现数组合并-将arr2合并到arr1
let arr1 = ["a", "b", "c"];
let arr2 = ["1", "2", "3"];
 
arr1.splice(0, 0, ...arr2);
 
arr1: [ '1', '2', '3', 'a', 'b', 'c' ]


目录
相关文章
|
9天前
|
JavaScript 前端开发 索引
JavaScript中的数组的内置方法全面讲解
JavaScript 数组提供了多种内置方法来高效操作数据。如 `push()` 和 `unshift()` 分别在数组尾部和头部添加元素;`pop()` 和 `shift()` 则移除尾部和头部的元素;`splice()` 可增删元素;`slice()` 创建子数组;`join()` 将数组转化为字符串;`indexOf()` 和 `includes()` 用于查找元素;`forEach()` 遍历数组。此外,`reverse()` 和 `sort()` 改变数组顺序;`fill()` 填充数组值;`slice()` 和 `concat()` 则分别用于创建子数组和合并数组。
19 2
|
9天前
|
JavaScript 前端开发 API
复习JavaScript中的数组API
这段代码介绍了JavaScript数组的几种实用方法:`fill`用于用固定值覆盖指定范围内的元素;`find`查找符合条件的第一个元素;`findIndex`获取该元素的索引;`sort`对数组排序,需提供比较函数以正确排序数字;结合`slice`与`sort`可在不改动原数组的情况下进行排序;`reverse`反转数组元素;利用`map`可创建新数组并替换其中的特定元素,同时保持原数组不变。
8 1
|
1天前
|
JavaScript 前端开发 索引
JS遍历数组里数组下的对象,根据数组中对象的某些值,组合成新的数组对象
这篇文章介绍了如何在JavaScript中遍历数组里数组下的对象,并根据对象的某些属性值组合成一个新的数组对象。主要内容包括使用ES6的`for...of`循环来遍历数组对象,然后根据需要提取对象中的属性值,并将它们放入新的对象中,最终形成一个新的对象数组以供使用。
|
5天前
|
JavaScript 前端开发
JavaScript基础&实战(5)js中的数组、forEach遍历、Date对象、Math、String对象
这篇文章介绍了JavaScript中的数组、Date对象、Math对象以及包装类(String、Number、Boolean),并详细讲解了数组的创建、方法(如forEach、push、pop、unshift、slice、splice)和遍历操作,以及工厂方法创建对象和原型对象的概念。
JavaScript基础&实战(5)js中的数组、forEach遍历、Date对象、Math、String对象
|
5天前
|
JavaScript 前端开发 索引
JavaScript数组相关的方法有哪些?
JavaScript数组相关的方法有哪些?
|
5天前
|
JavaScript 前端开发
记录Javascript数组类练习
记录Javascript数组类练习
|
5天前
|
JavaScript 容器
JS-数组的定义
JS-数组的定义
|
7天前
|
JavaScript 前端开发
JavaScript——快速判断数组对象的值是否全部满足条件
JavaScript——快速判断数组对象的值是否全部满足条件
20 0
|
8天前
|
JavaScript 前端开发 索引
JavaScript数组的常用方法
JavaScript数组的常用方法
15 0
|
8天前
|
JavaScript
js如何添加新元素到数组中
js如何添加新元素到数组中
18 0

热门文章

最新文章