JS面试题之面试官问：数组slice和splice怎么使用？有何区别？（二）

我是傲夫靠斯，欢迎关注我的公众号【前端工程师的自我修养】，每天更新。

今天要分享的题也是非常基础的题，在平时的日常开发中肯定是用过数组的slice和splice方法，那么你能准确的说出slice和splice数怎么使用的吗？以及它们有什么区别？

今日题目：

• 知道数组的slice方法吗？怎么使用？
• 知道数组的splice方法吗？怎么使用？
• slice方法和splice方法有什么区别？

1. 知道数组的slice方法吗？怎么使用？

slice方法用来截取数组的元素，返回一个新的数组。slice方法有两个参数，第一个参数为截取的开始位置，为数组下标；第二个参数为截取的结束位置。但不包含结束位置的元素。这个一定要注意，有很多人都记错了，错误率极高。

下面的一些例子：

const array = [1, 2, 3, 4, 5];
const array1 = array.slice(0,2); //输出: [1,2]
const array2 = array.slice(2,3); //输出: [3]
const array3 = array.slice(4); 	 //输出: [5]

注意: slice方法不会改变原数组，而是将数组中的一部分作为新数组返回。

2. 知道数组的splice方法吗？怎么使用？

splice方法用来向数组添加元素或者删除数组某个元素，然后删除的元素。第一个参数为插入元素或者删除元素的位置，第二个参数为要删除的元素数量。后面的每个参数都会依次添加到数组中（从删除的位置开始）。

具体请看下面的一些例子：

const array1 = [1, 2, 3, 4, 5];
const array2 = [1, 2, 3, 4, 5];
const array3 = [1, 2, 3, 4, 5];

const newArray1 = array1.splice(0,2);
//输出: [1, 2]; 原数组: [3, 4, 5]
const newArray2 = array2.splice(3);
//输出: [4, 5]; 原数组: [1, 2, 3]
const newArray3 = array3.splice(3, 1, "a", "b", "c");
//输出: [4]; 原数组: [1, 2, 3, "a", "b", "c", 5]

注意: splice方法会改变原数组，返回被删除的元素组成的新数组。

3. slice方法和splice方法有什么区别？

这题最坑的地方在于它俩长的实在太像了，很容记错，所以平时要多加使用和练习，这才是一名前端工程师的基本功。

我列出一些基本的区别：

slice	splice
不会改变原数组	改变原数组
返回原数组中的部分元素	返回原数组中被删除的元素组成的新数组
用来选择数组中的元素	用于在数组中插入或者删除元素

唠叨

今天题目很基础，但很重要。

感谢大家的阅读，您的点赞、评论、关注是对我最大的鼓励 O(∩_∩)O👍👍👍

我是傲夫靠斯，微信搜【前端工程师的自我修养】，让我们每天进步一点点，期待更好的自己。