网络技术知识
JS数组方法slice用法实例分析
JS数组方法slice()用法实例分析
简介
slice()
方法返回一个新的数组对象,这个对象是由 begin
和 end
决定的原数组的浅拷贝。原数组不会被修改。常用于数组的复制或提取。
语法
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()
方法可以避免修改原数组,从而保留原数组不变。