JS数组方法slice用法实例分析

JS数组方法slice()用法实例分析

简介

slice() 方法返回一个新的数组对象,这个对象是由 beginend 决定的原数组的浅拷贝。原数组不会被修改。常用于数组的复制或提取。

语法

array.slice(begin, end)

参数描述:

  • begin:一个零开始的索引,提取起始处的元素。
  • end(可选):一个零开始的索引,提取终止处的元素。 slice 会提取该索引对应的元素,但是不包括这个元素本身。如果该参数被省略,那么到数组结束位置终止提取。

返回值

返回一个由原数组的指定部分拷贝而来的新数组。

示例

示例一:提取数组一部分

var fruits = ['apple', 'banana', 'orange', 'lemon', 'kiwi'];
var citrus = fruits.slice(2, 4);

console.log(fruits); // ['apple', 'banana', 'orange', 'lemon', 'kiwi']
console.log(citrus); // ['orange', 'lemon']

在上面的示例中,我们定义了数组 fruits , 然后通过 slice() 方法提取了数组的索引2和3之间的部分。注意,索引2处的元素 'orange' 会被包含在结果数组中,但索引4的元素 'kiwi' 不会被包含。

示例二:复制一个数组

var originalArray = ['apple', 'banana', 'orange', 'lemon', 'kiwi'];
var copiedArray = originalArray.slice();

console.log(originalArray); // ['apple', 'banana', 'orange', 'lemon', 'kiwi']
console.log(copiedArray); // ['apple', 'banana', 'orange', 'lemon', 'kiwi']

在这个示例中,我们使用了不带参数的 slice() 方法来创建了一个数组 copiedArray,该数组与 originalArray 包含了相同的元素。注意,由于我们没有提供参数,因此 slice() 方法复制了整个原数组。

总结

slice() 方法是 JavaScript 数组常用的一个方法,它允许创建由原数组的一部分浅拷贝而来的新数组,或者复制整个数组。在进行数组操作时,使用 slice() 方法可以避免修改原数组,从而保留原数组不变。

营销型网站