>  기사  >  웹 프론트엔드  >  JavaScript 객체 리터럴에서 변수를 키로 사용하는 방법은 무엇입니까?

JavaScript 객체 리터럴에서 변수를 키로 사용하는 방법은 무엇입니까?

WBOY
WBOY앞으로
2023-08-28 08:25:071118검색

如何在 JavaScript 对象文字中使用变量作为键?

JavaScript에서는 변수를 객체 키로 사용해야 하는 경우가 있습니다. 예를 들어, API에서 데이터를 가져오고 모든 응답 데이터 속성이 확실하지 않은 경우 응답 개체를 반복하고 해당 속성을 각각 저장해야 합니다.

단, 객체를 생성하는 동안에는 변수를 키로 사용할 수 없지만 생성 후에는 객체에 변수 속성을 추가할 수 있습니다.

문법

사용자는 다음 구문에 따라 변수를 JavaScript 개체의 키로 사용할 수 있습니다.

으아아아

위 구문에서 "key"는 특정 값을 포함하는 변수입니다.

아래 예에서는 테이블 속성이 포함된 개체를 만듭니다. 또한 테이블의 크기를 저장하기 위해 "dimensions" 변수를 만들었습니다. "key" 변수에는 "차원"이 문자열 값으로 포함됩니다.

객체를 생성한 후 "key" 변수를 객체 속성으로 사용하고 "dimension" 변수의 값을 객체 속성 값으로 사용합니다.

으아아아

출력에서 사용자는 테이블 차원이 "dimensions" 개체의 값으로 저장되는 것을 확인할 수 있습니다.

아래 예에서는 빈 개체를 만듭니다. 그 후 for 루프를 사용하여 10번의 반복을 수행했습니다. 각 반복에서 "I"를 키로 사용하고 i*i를 속성 값으로 사용합니다.

이 방법으로 숫자의 제곱을 값으로 저장하고 숫자 자체를 키로 저장합니다.

으아아아

사용자는 JavaScript 개체를 만들 때 변수를 키로 사용하는 방법을 배웠습니다. 변수를 키로 사용하면 실제로는 변수의 값이 키로 사용됩니다.

위 내용은 JavaScript 객체 리터럴에서 변수를 키로 사용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제