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

JavaScript의 Array.fill(): 참조와 값에 대한 주의사항

Array.fill()은 사용되는 JavaScript 메서드입니다. 지정된 값으로 배열을 채웁니다. 그러나 Array.fill()은 값이 아닌 참조에서 작동한다는 점을 이해하는 것이 중요합니다.

문제: 참조 및 값

다음 코드를 고려하세요.

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

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

여기에서는 Array.fill()을 사용하여 6x12 행렬을 만듭니다. 그러나 m0을 1로 설정하면 m1도 예기치 않게 1이 됩니다. 이는 Array.fill()이 모두 동일한 Array 객체를 참조하는 내부 배열을 생성하기 때문입니다.

예상 동작: 값

참조하는 대신 값을 복사하는 것이 좋습니다. 즉, m0을 변경해도 m1에 영향을 주어서는 안 됩니다.

해결책: Array.from() 사용

Array.fill()이 참조 대신 값을 복사하도록 강제하려면 , 다음과 같이 Array.from()을 사용할 수 있습니다.

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

m[0][0] = 1;
console.log(m[1][0]); // Outputs 0 as expected

Array.from()은 각 내부 배열이 의도하지 않은 값 공유를 방지하는 고유한 객체입니다.

결론

Array.fill()을 사용할 때는 참조와 값의 차이에 유의하세요. 참조가 아닌 값을 복사하려는 경우 Array.from()을 대신 사용하는 것이 좋습니다.

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