在javascript中复制数组不能直接用等号赋值，因为数组是引用类型，直接赋值只会复制内存地址，导致新旧数组相互影响。1. 使用展开运算符 [...originalarray] 是最简洁现代的浅拷贝方法；2. array.from(originalarray) 和 slice() 也能实现浅拷贝，效果类似；3. concat() 通过空数组连接原数组实现复制；这些方法均为浅拷贝，即新数组中的引用类型元素仍共享原数组的引用，修改嵌套对象会影响原数组。4. 深拷贝需用 json.parse(json.stringify()) 或递归函数（如lodash的 _.clonedeep()），以彻底分离所有嵌套结构。选择方法应根据是否需要深拷贝及数据复杂度决定，性能差异在常规场景下可忽略，推荐优先考虑代码可读性与适用性。
在JavaScript里，如果你想复制一个数组，可不是简单地用等号赋值就能搞定的。你需要明确地告诉JavaScript，你要一个新的数组，并且把原数组里的所有元素都搬过来。这样做才能确保你修改新数组时，不会意外地影响到原来的那个。
复制数组的方法有很多，每种都有它适用的场景和一些需要注意的小细节。我个人最常用的，也是现在前端开发里非常流行且简洁的方式，就是使用展开运算符（spread syntax）。比如，你有一个
originalArray
const newArray = [...originalArray];
originalArray
当然，还有其他一些经典方法：
立即学习“Java免费学习笔记（深入）”；
Array.from()
const newArray = Array.from(originalArray);
slice()
originalArray.slice()
const newArray = originalArray.slice();
concat()
concat
const newArray = [].concat(originalArray);
这些方法都属于“浅拷贝”，这意味着如果你的数组里嵌套了对象或其他数组，那么这些嵌套的引用类型数据在复制后，新旧数组仍然会共享同一个引用。这一点，在实际开发中非常重要，也是很多初学者容易踩坑的地方。
你可能会好奇，为啥不能直接
let newArr = oldArr;
当你对一个基本类型变量进行赋值时，比如
let a = 10; let b = a;
b
a
b
a
但数组是引用类型。当你写
let newArr = oldArr;
newArr
oldArr
oldArr
newArr
oldArr
举个例子：
const original = [1, 2, { name: 'Alice' }];
const assigned = original; // 直接赋值
assigned.push(4);
assigned[0] = 99;
assigned[2].name = 'Bob'; // 修改嵌套对象
console.log(original); // 输出: [99, 2, { name: 'Bob' }, 4]
console.log(assigned); // 输出: [99, 2, { name: 'Bob' }, 4]
// 它们完全一样，因为指向的是同一个数组这种行为在某些场景下可能正是你想要的，比如你希望两个变量始终同步更新。但更多时候，尤其是在处理数据时，我们希望拥有一个独立的数据副本，避免“牵一发而动全身”的副作用。这就是为什么我们需要明确地进行数组复制操作的原因。
前面提到的展开运算符、
slice()
Array.from()
concat()
浅拷贝的本质是：它创建了一个新数组，但如果原数组的元素是引用类型（比如对象或数组），那么新数组中对应的元素仍然是原引用类型元素的引用。换句话说，它们指向的是内存中的同一个对象或数组。
const originalArray = [1, { a: 1 }, [2, 3]];
const shallowCopy = [...originalArray];
shallowCopy[0] = 100; // 修改基本类型，互不影响
shallowCopy[1].a = 200; // 修改嵌套对象属性，原数组也会受影响
shallowCopy[2].push(4); // 修改嵌套数组，原数组也会受影响
console.log(originalArray); // 输出: [1, { a: 200 }, [2, 3, 4]]
console.log(shallowCopy); // 输出: [100, { a: 200 }, [2, 3, 4]]可以看到，虽然
shallowCopy
{ a: 1 }[2, 3]
originalArray
那么，何时需要深拷贝呢？当你需要一个完全独立的数据副本，包括所有嵌套的对象和数组都不能与原数据有任何关联时，你就需要深拷贝。这在处理复杂的配置对象、状态管理（如Redux中不可变状态的更新）、或者需要回溯数据历史的场景中非常常见。
实现深拷贝的方法通常有：
：这是最简单粗暴，也最常用的深拷贝方法。它先把对象序列化成JSON字符串，再反序列化回来，这样就切断了所有引用。JSON.parse(JSON.stringify(object))
登录后复制
undefined
Symbol
BigInt
Date
const originalDeep = [1, { a: 1, b: () => {} }, new Date()];
const deepCopyJSON = JSON.parse(JSON.stringify(originalDeep));
console.log(deepCopyJSON); // 输出: [1, { a: 1 }, "2023-10-27T...Z"] (函数丢失，日期变字符串)递归拷贝：对于更复杂的情况，尤其是要处理函数、日期、循环引用等，你需要编写一个递归函数来遍历对象的每一个属性，并根据其类型进行深拷贝。这通常是手写或使用成熟库（如Lodash的
_.cloneDeep()
// 简化版递归深拷贝（不处理循环引用、特殊对象如Date、RegExp等）
function deepClone(obj) {
if (obj === null || typeof obj !== 'object') {
return obj;
}
let clone = Array.isArray(obj) ? [] : {};
for (let key in obj) {
if (Object.prototype.hasOwnProperty.call(obj, key)) {
clone[key] = deepClone(obj[key]);
}
}
return clone;
}
const originalDeepComplex = [1, { a: 1, b: { c: 2 } }];
const deepCopyManual = deepClone(originalDeepComplex);
deepCopyManual[1].b.c = 99;
console.log(originalDeepComplex[1].b.c); // 输出: 2 (原数组未受影响)选择哪种拷贝方式，完全取决于你的具体需求。对于大多数只包含基本类型或不需要修改嵌套对象的数组，浅拷贝就足够了，而且性能更好。当你需要一个完全独立的数据副本，并且数据结构复杂时，才应该考虑深拷贝。
在JavaScript中，不同的数组复制方法在性能上确实存在差异，但对于大多数日常应用场景和中小型数组而言，这些差异通常微乎其微，不足以成为你选择方法的决定性因素。我们更多地会从代码的可读性、简洁性以及是否满足浅拷贝/深拷贝需求来考量。
不过，既然提到了性能，我们还是可以简单聊聊：
展开运算符 ()、...
登录后复制登录后复制登录后复制、slice()
登录后复制登录后复制登录后复制 和 Array.from()
登录后复制登录后复制登录后复制：这些浅拷贝方法通常都非常高效。它们在底层实现上都涉及创建一个新数组并迭代原数组元素。现代JavaScript引擎（如V8）对这些操作进行了高度优化，尤其是在处理数组时，它们的性能表现往往不相上下。展开运算符因为其简洁和声明式风格，在很多情况下甚至可能被引擎进一步优化。concat()
登录后复制登录后复制登录后复制
...
：这种深拷贝方法在性能上通常会比浅拷贝方法慢很多，尤其是在处理大型或深度嵌套的数组/对象时。这是因为它涉及到两个阶段：先将整个对象序列化为字符串（CPU密集型操作），再将字符串解析回对象（同样是CPU密集型操作）。这种开销在数据量大时会变得非常明显。JSON.parse(JSON.stringify(array))
登录后复制
递归深拷贝（手写或库函数如Lodash ）：这类方法性能介于浅拷贝和 cloneDeep
登录后复制
JSON.parse(JSON.stringify())
JSON.parse(JSON.stringify())
总结一下我的看法：
除非你正在处理数万甚至数十万级别的数组元素，并且对性能有极致要求（这种情况下你可能需要进行性能基准测试），否则，选择浅拷贝方法时，你大可不必纠结于它们之间那微小的性能差异。更重要的是选择一个让你和你的团队成员都能快速理解、易于维护的方法。
对于浅拷贝，我倾向于推荐展开运算符 (
...
而对于深拷贝，如果你只是处理纯粹的JSON数据（没有函数、日期等特殊类型），
JSON.parse(JSON.stringify())
_.cloneDeep()
总而言之，理解不同复制方法的原理和它们在浅拷贝/深拷贝上的差异，远比纠结于它们之间的微小性能差距来得重要。选择最适合你当前任务和数据结构的方法，才是王道。
以上就是javascript如何复制一个数组的详细内容，更多请关注php中文网其它相关文章！
java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 //m.sbmmt.com/ All Rights Reserved | php.cn | 湘ICP备2023035733号
875
收藏
