JongTachi의 개발 블로그

[JavaScript] 객체의 이름 동적으로 구성하기 본문

JavaScript

[JavaScript] 객체의 이름 동적으로 구성하기

JongTachi 2024. 7. 11. 16:17
728x90
반응형

자바스크립트에서 속성 이름을 동적으로 구성하고 해당 속성의 값을 
가져오는 방법이 있습니다. 바로 대괄호 표기법을 사용하는 것입니다.

아주 간단합니다.

예를 들어 설명드리겠습니다.

다국어 번역이 필요한데 
confirmText라는 문자 뒤에 this.lang의 값에 따라 영어로 보이거나, 일본어로 보이거나, 중국어로 보여진다.

(confirmTexten: 영어, confirmTextja: 일본어, confirmTextzh: 중국어)

data.confirmTexten = "hi" 
data.confirmTextja = "こんにちは"
data.confirmTextzh = "你好"

var lang = this.lang ; // "en", "ja", "zh" 중 하나
var context = data["confirmText" + lang];

// lang의 값에 따라 보여지는 text가 달라짐

// lang이 en일 경우
console.log(context); // hi 출력

// lang이 ja일 경우
console.log(context); // こんにちは 출력

// lang이 zh 경우
console.log(context); // 你好 출력

 

728x90
반응형