Mengapakah `Array.fill()` JavaScript Mencipta Rujukan Dikongsi Daripada Salinan dan Bagaimana `Array.from()` Boleh Membetulkan Perkara Ini?

Array.fill() Mencipta Salinan Tersembunyi melalui Rujukan, Bukan Mengikut Nilai

Apabila menggunakan Array.fill dalam JavaScript, seseorang mungkin menghadapi situasi di mana berbilang tatasusunan dalam matriks merujuk objek tatasusunan asas yang sama. Ini boleh membawa kepada tingkah laku yang tidak dijangka apabila cuba mengubah suai elemen individu.

Masalahnya

Sebagai contoh, pertimbangkan coretan kod berikut:

let m = Array(6).fill(Array(12).fill(0));

Kod ini bertujuan untuk mencipta matriks 6x12, di mana setiap elemen dimulakan kepada 0. Walau bagaimanapun, terdapat yang halus isu:

m[0][0] = 1;
console.log(m[1][0]); // Outputs 1 instead of 0

Selepas menetapkan m[0][0] kepada 1, kami menjangkakan m[1][0] kekal 0. Walau bagaimanapun, konsol memaparkan 1. Ini disebabkan oleh fakta bahawa semua tatasusunan dalam sebenarnya merujuk objek tatasusunan asas yang sama.

Penyelesaian: Array.from() kepada Rescue

Untuk menyelesaikan isu ini dan mencapai salinan-demi-nilai sebenar, seseorang boleh menggunakan Array.from():

let m = Array.from({length: 6}, e => Array(12).fill(0));

Pendekatan ini mencipta tatasusunan baharu untuk setiap elemen dalam tatasusunan luar, memastikan semua tatasusunan dalam adalah objek yang berbeza. Akibatnya, mengubah suai satu elemen tidak akan menjejaskan yang lain:

m[0][0] = 1;
console.log(m[0][0]); // Expecting 1
console.log(m[0][1]); // Expecting 0
console.log(m[1][0]); // Expecting 0

Atas ialah kandungan terperinci Mengapakah `Array.fill()` JavaScript Mencipta Rujukan Dikongsi Daripada Salinan dan Bagaimana `Array.from()` Boleh Membetulkan Perkara Ini?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!