js取数组前10个_12 个拷贝数组的 JS 技巧

茫茫人海中与你相遇

相信未来的你不会很差

作者：就叫王可爱_

来源：https://juejin.cn/post/6903852199311310862

数组拷贝经常被误解，但这并不是因为拷贝过程本身，而是因为缺乏对 JS 如何处理数组及其元素的理解。JS 中的数组是可变的，这说明在创建数组之后还可以修改数组的内容。这意味着要拷贝一个数组，咱们不能简单地将旧数组分配给一个新变量，它也是一个数组。如果这样做，它们将共享相同的引用，并且在更改一个变量之后，另一个变量也将受到更改的影响。这就是我们需要克隆这个数组的原因。接着来看看一些关于拷贝何克隆数组的方法和技巧。

方法 1 - 使用Array.slice方法

 <script type="text/javascript">        const number = [1, 2, 3, 4, 5];                const newNumber = number.slice();                newNumber.push(6);//添加新项证明不会改变原数组                console.log(number);//[1,2,3,4,5]                console.log(newNumber);//[1,2,3,4,5,6]script>

方法 2 - 使用Array.map方法

 <script type="text/javascript">        const number = [1, 2, 3, 4, 5];                //map有返回值，声明变量接收返回值        const newNumber = number.map(num => num);                newNumber.push(6);//添加新项证明不会改变原数组                console.log(number);//[1,2,3,4,5]                console.log(newNumber);//[1,2,3,4,5,6]script>

方法 3 - 使用Array.from方法