js数组slice和splice
时间: 2023-10-11 11:07:19 浏览: 114
JavaScript中的数组有两个常用的方法:slice 和 splice。
1. slice 方法:
slice 方法是用于从数组中提取指定范围的元素,然后返回一个新的数组。它接受两个参数,即开始索引和结束索引(不包括结束索引本身),如果省略结束索引,则会一直提取到数组末尾。原始数组不会被修改。
示例:
```javascript
const fruits = ['apple', 'banana', 'orange', 'grape', 'kiwi'];
const slicedFruits = fruits.slice(1, 4); // 从索引 1 到 4(不包括 4)提取元素
console.log(slicedFruits); // 输出:['banana', 'orange', 'grape']
const slicedFruits2 = fruits.slice(2); // 从索引 2 开始提取元素到数组末尾
console.log(slicedFruits2); // 输出:['orange', 'grape', 'kiwi']
console.log(fruits); // 输出原始数组,不受 slice 方法影响:['apple', 'banana', 'orange', 'grape', 'kiwi']
```
2. splice 方法:
splice 方法用于修改原始数组,它可以用于删除、插入或替换数组中的元素。它接受三个或更多参数,第一个参数是开始索引,第二个参数是需要删除的元素个数,之后的参数是要插入到数组的新元素(可选)。splice 方法会返回一个包含被删除元素的数组。
示例:
```javascript
const fruits = ['apple', 'banana', 'orange', 'grape', 'kiwi'];
const deletedFruits = fruits.splice(2, 2); // 从索引 2 开始删除 2 个元素
console.log(deletedFruits); // 输出:['orange', 'grape']
console.log(fruits); // 输出被修改后的数组:['apple', 'banana', 'kiwi']
fruits.splice(1, 0, 'pear', 'melon'); // 从索引 1 开始插入新元素
console.log(fruits); // 输出被修改后的数组:['apple', 'pear', 'melon', 'banana', 'kiwi']
fruits.splice(4, 1, 'mango'); // 从索引 4 开始替换一个元素
console.log(fruits); // 输出被修改后的数组:['apple', 'pear', 'melon', 'banana', 'mango']
```
希望这些示例能够帮助你理解 slice 和 splice 方法的用法。
阅读全文