JavaScript-函数式编程-创建数组副本

最新推荐文章于 2022-05-14 17:56:23 发布

尤记昨日书

最新推荐文章于 2022-05-14 17:56:23 发布

阅读量725

点赞数 9

分类专栏： JavaScript 文章标签： javascript

xiaohui

本文链接：https://blog.csdn.net/am_xiao_hui/article/details/116764106

版权

JavaScript 函数式编程副作用数组副本展开运算符

关键词由CSDN通过智能技术生成

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

在JS的函数式编程中，为了最大程度地保证代码的后期优化，防止改变代码中的变量或对象而引起的副作用，我们需要尽可能地不改变原始变量，但是在数组中，使用类似 var newArr = arrVar 时 arrVar 是一个数组，代码只是创建一个对现有变量的引用，而不是副本。所以更改 newArr 中的值会同时更改 arrVar 中的值，所以在有些编程里，我们需要创建数组的副本。

所谓创建数组的副本，就是把一个数组完全赋给另一个变量，二者互不干扰，最简单的方式就是使用展开运算符（...），如下：


var friend = ["Zhang", "Chen", "Li", "Yuan"];  //原始数组

//为friend数组添加一个朋友

function add (friend1,friendName)
 {
  let friend2=[...friend1];  //创建副本
  friend2.push(friendName);
  return friend2;
}

var newFriend = add(friend, 'Gao');  //调用add函数

console.log(friend);  //输出 ["Zhang", "Chen", "Li", "Yuan"]
console.log(newFriend);  //输出["Zhang", "Chen", "Li", "Yuan","Gao"]