JavaScript의 `Array.fill()`이 복사본 대신 공유 참조를 생성하는 이유는 무엇이며, `Array.from()`은 이 문제를 어떻게 해결할 수 있습니까?

Array.fill()은 값이 아닌 참조로 숨겨진 복사본을 생성합니다.

JavaScript에서 Array.fill을 활용하면 내부 배열이 여러 개 생성되는 상황이 발생할 수 있습니다. 행렬은 동일한 기본 배열 객체를 참조합니다. 이로 인해 개별 요소를 수정하려고 할 때 예기치 않은 동작이 발생할 수 있습니다.

문제

예를 들어 다음 코드 조각을 고려하세요.

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

이 코드는 각 요소가 0으로 초기화되는 6x12 행렬입니다. 그러나 미묘한 차이가 있습니다. 문제:

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

m[0][0]을 1로 설정하면 m[1][0]이 0으로 유지될 것으로 예상됩니다. 그러나 콘솔에는 1이 표시됩니다. 이는 다음과 같은 사실 때문입니다. 모든 내부 배열은 실제로 동일한 기본 배열 객체를 참조합니다.

해결책: Array.from()에서 Rescue로

이 문제를 해결하려면 진정한 값별 복사를 달성하려면 Array.from()을 사용할 수 있습니다.

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

이 접근 방식은 외부 배열의 각 요소에 대해 새 배열을 생성하여 모든 내부 배열이 고유한 객체임을 보장합니다. 결과적으로 한 요소를 수정해도 다른 요소에는 영향을 미치지 않습니다.

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

위 내용은 JavaScript의 `Array.fill()`이 복사본 대신 공유 참조를 생성하는 이유는 무엇이며, `Array.from()`은 이 문제를 어떻게 해결할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!