> 웹 프론트엔드 > JS 튜토리얼 > Array.prototype.fill()을 사용할 때 고유한 개체를 어떻게 보장할 수 있나요?

Array.prototype.fill()을 사용할 때 고유한 개체를 어떻게 보장할 수 있나요?

Mary-Kate Olsen
풀어 주다: 2024-12-18 16:50:20
원래의
259명이 탐색했습니다.

How Can I Ensure Unique Objects When Using Array.prototype.fill()?

Array.prototype.fill(): 객체를 참조로 전달

Array.prototype.fill() 메서드는 다음 작업에 편리한 유틸리티입니다. 지정된 값으로 배열을 초기화합니다. 그러나 배열을 객체로 채울 때 객체는 새 인스턴스를 생성하는 대신 참조로 전달됩니다. 이 동작은 배열의 각 요소가 고유한 개체인지 확인할 수 있는 방법이 있는지에 대한 의문을 제기합니다.

다음 예를 고려하세요.

var arr = new Array(2).fill({});
console.log(arr[0] === arr[1]); // true
로그인 후 복사

이 예에서는 두 개체가 arr[0] 및 arr[1]에 대한 참조로 생성되고 전달됩니다. 배열의 한 요소를 수정하면 동일한 객체이므로 다른 요소에 영향을 미칩니다.

arr[0].test = 'string';
console.log(arr[1].test); // 'string'
로그인 후 복사

Array.prototype.fill()을 사용하여 배열의 각 요소에 대해 새 객체를 생성하려면 다음을 수행하세요. 다음 단계를 따르세요.

  1. fill()을 사용하여 임의의 값(예: 정의되지 않음)으로 배열을 채웁니다.
  2. map() 메소드를 사용하여 원하는 객체 유형의 새 인스턴스로 새 배열을 만듭니다.
var arr = new Array(2).fill().map(u => ({}));
로그인 후 복사

이 접근 방식을 사용하면 배열의 각 요소가 다른 개체와 분리된 별개의 개체:

arr[0].test = 'string';
console.log(arr[1].test); // undefined
로그인 후 복사

위 내용은 Array.prototype.fill()을 사용할 때 고유한 개체를 어떻게 보장할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿