JavaScript 개체에서 동적 키를 만드는 방법은 무엇입니까?

JavaScript 객체에 동적 키 생성

객체에 동적으로 키를 추가하려는 시도에서 다음 접근 방식으로는 원하는 결과를 얻지 못할 수 있습니다. :

jsObj = {};

for (let i = 1; i <= 10; i++) {
    jsObj{'key' + i} = 'example ' + 1;
}

동적 키를 생성하려면 루프 내에서 대괄호 표기법을 사용해야 합니다.

jsObj['key' + i] = 'example ' + 1;

객체 속성 및 배열 동작 이해

JavaScript 개체는 숫자 문자열(예: "0", "5", "207")인 속성 이름을 가질 수 있습니다. 그러나 배열 인스턴스의 동작은 크게 다릅니다.

• 배열은 숫자 속성 이름에 1을 더한 수를 나타내는 길이 속성을 유지합니다.
• 길이 속성을 설정하면 숫자 속성 이름이 제거됩니다.

이 동작은 개체 속성에 대한 액세스 및 수정을 제공하는 대괄호 연산자의 기능에 영향을 미치지 않습니다.

숫자 이름으로 속성 설정

대괄호 표기법을 사용하여 숫자 이름으로 속성을 설정하면 다음이 발생합니다.

• 배열 인스턴스에서 숫자 이름이 기존 이름 중 가장 큰 경우 길이 속성이 업데이트됩니다.
• 일반 객체에서는 이러한 부작용이 발생하지 않습니다.

따라서 길이 속성을 유지하려는 경우 배열을 사용하여 숫자 속성을 저장하는 것이 도움이 될 수 있습니다.

JSON 직렬화 고려 사항

JSON 직렬화 작업을 할 때는 숫자로 명명된 배열 속성만 직렬화된 형식에 포함된다는 점을 아는 것이 중요합니다. 추가된 다른 속성은 모두 손실됩니다.

ES2015 계산된 속성 이름

ES6 JavaScript에서는 계산된 속성 이름을 사용하여 동적 키를 쉽게 처리할 수 있습니다.

let key = 'DYNAMIC_KEY',
    obj = {
        [key]: 'ES6!'
    };

console.log(obj);
// { 'DYNAMIC_KEY': 'ES6!' }

위 내용은 JavaScript 개체에서 동적 키를 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!