Здравствуйте! Скажите, а как можно скопировать в JavaScript массив так, чтобы, при изменении копии, оригинал не менялся? Например:
a = [0, 1, 2, 3]
b = clone(a)
b[0] = 10
a[0] == 0 // => true
Можно ли реализовать такой метод clone
?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуЗдравствуйте! Скажите, а как можно скопировать в JavaScript массив так, чтобы, при изменении копии, оригинал не менялся? Например:
a = [0, 1, 2, 3]
b = clone(a)
b[0] = 10
a[0] == 0 // => true
Можно ли реализовать такой метод clone
?
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();
....так говорят языки %)
var a = [0, 1, 2, 3]
var b = [].concat(a)
b[0] = 10
console.log(a + '\n' + b)
В хроме slice(0)
действительно немного быстрее, чем просто slice()
и в 2 раза быстрее, чем concat
. А вот Array.from
даже concat
у проигрывает в 10 раз - 3 секунды на миллион итераций о_О.
А вот Edge так не считает - там concat
самый быстрый. А Array.from
по-прежнему в 10 (с хвостиком) раз медленнее concat
а - 1.4 секунды.
При запуске сниппета браузер повиснет на несколько секунд - это нормально.
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];
}
});
Способ, который работает и в случае, когда в массиве есть массивы или объекты:
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)