JS之Array.slice()方法

Array.slice() 方法是 JavaScript 中数组原型链（Array.prototype）上的一个方法，用于将一个已有的数组或类数组对象的一部分浅拷贝到一个新的数组中。slice() 方法有两个参数，第一个参数为起始位置（默认值为 0），第二个参数是结束位置（默认值为数组长度）。slice() 方法会返回一个新的数组，不会影响原数组。下面是详细介绍。

一、使用方法

slice() 方法有两个参数：start 和 end，分别代表拷贝的起始位置和结束位置。如果不传递任何参数，则默认拷贝整个数组。

语法：

```

array.slice([start[, end]])

```

参数：

start：起始位置，从 0 开始，默认值为 0，如果为负数，表示从数组的末尾开始计算。

end：结束位置，但是不包括该位置的元素，不写默认值就是数组的末尾，如果为负数，表示从数组的末尾开始计算。

返回值：

一个包含从 start 到 end （不包括 end）的新数组。

二、案例说明

1. 拷贝整个数组

```

var fruits = ['Apple', 'Banana', 'Orange', 'Lemon'];

var newFruits = fruits.slice();

console.log(newFruits); // ['Apple', 'Banana', 'Orange', 'Lemon']

```

2. 拷贝数组的一部分

```

var fruits = ['Apple', 'Banana', 'Orange', 'Lemon'];

var newFruits = fruits.slice(1, 3);

console.log(newFruits); // ['Banana', 'Orange']

```

3. 从末尾开始截取

```

var fruits = ['Apple', 'Banana', 'Orange', 'Lemon'];

var newFruits = fruits.slice(-2);

console.log(newFruits); // ['Orange', 'Lemon']

```

4. 将类数组对象转换为数组

```

function fn() {

var args = Array.prototype.slice.call(arguments);

console.log(args);

}

fn(1, 2, 3); // [1, 2, 3]

```

三、常见问题

1. slice() 和 splice() 有什么区别？

slice() 方法是返回从一个已有的数组中截取出一个新的数组，不会改变原数组。

splice() 方法是向/从数组中添加/删除项目，然后返回被删除的项目。

2. slice() 方法可以拷贝对象吗？

不可以，只能拷贝数组对象和类数组对象，因为数组对象和类数组对象是有索引和 length 属性的。

3. 如何将字符串转换成数组？

可以使用 slice() 方法将字符串转换成数组，如下所示：

```

var str = 'Hello World';

var arr = str.slice();

console.log(arr); // ['H', 'e', 'l', 'l', 'o', ' ', 'W', 'o', 'r', 'l', 'd']

```

四、总结

Array.slice() 方法是 JavaScript 中数组的一个常用方法，可用于拷贝整个数组，也可以拷贝数组的一部分。它不会改变原数组，而是返回一个新的数组。我们在使用 slice() 方法时，需要注意参数的使用方法，如何正确地传参可以得到我们想要得到的结果。 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.37seo.cn/