主页 / 问题 / 550976
Accepted
Rennorb
Asked:2020-08-02 05:10:07 +0000 UTC2020-08-02 05:10:07 +0000 UTC

复制数组的值，而不是对它的引用

  • 772

你好！告诉我，我如何在 JavaScript 中复制一个数组，以便当副本发生变化时，原始数组不会发生变化？例如：

a = [0, 1, 2, 3]
b = clone(a)
b[0] = 10
a[0] == 0 // => true

是否可以实施这种方法clone？

javascript

5 个回答

  1. Best Answer

    var a = [0, 1, 2, 3]
var b = a.slice(0);


b[0] = 10;
console.log('a: ' + a);
console.log('b: ' + b);

    slice - 将数组的一部分的浅表副本返回到新的数组对象中。

    在这种情况下，从头到尾

    从技术上讲slice- 最快的方式，但是如果你添加它会更快0- 作为“切断”的开始

    myArray.slice(0);

    比...快

    myArray.slice();

    ....这就是方言所说的 %)

    • 11

  2. 性能测量

    在 chromeslice(0)中，它确实比普通的slice()快一点，比concat. 但Array.from即使concaty 也会丢失 10 次 - 每百万次迭代 3 秒 o_O。

    但 Edge 并不这么认为——它concat是那里最快的。AArray.from仍然比concata - 1.4 秒慢 10 倍（有尾巴）。

    当您运行代码片段时，浏览器会挂起几秒钟——这是正常的。

    function test(f) {
  var a = [0, 1, 2, 3];
  var t = performance.now();
  f(a);
  t = performance.now() - t;
  console.log((""+f).match(/var b = .*$/m)[0] + " // " + t.toFixed(3) + " ms");
}

test(function testSlice(a) {
  for (var q=0; q<1000000; ++q) {
    var b = a.slice();
  }
});

test(function testSlice0(a) {
  for (var q=0; q<1000000; ++q) {
    var b = a.slice(0);
  }
});

test(function testConcat(a) {
  for (var q=0; q<1000000; ++q) {
    var b = [].concat(a);
  }
});

test(function testFrom(a) {
  for (var q=0; q<1000000; ++q) {
    var b = Array.from(a);
  }
});

test(function testAssign(a) { // Так делать не надо, просто для сравнения
  for (var q=0; q<1000000; ++q) {
    var b = Object.assign([], a);
  }
});

test(function testDesruct(a) {
  for (var q=0; q<1000000; ++q) {
    var b = [...a];
  }
});

    • 7 
  3. var oldArray = [0, 1, 2, 3];
var newArray = oldArray.slice();
    • 6 

  4. var a = [0, 1, 2, 3]
var b = [].concat(a)

b[0] = 10

console.log(a + '\n' + b)

    • 6

  5. 当数组或数组中有对象时也有效的方法：

    var a = [[1,1,1],[1,1,1],[1,2,1]]
var b = JSON.parse(JSON.stringify(a))
b[0][0]=5
console.log(a)
console.log(b)

    • 2

相关问题