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

2024. 7. 11. 16:17·JavaScript
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
반응형

'JavaScript' 카테고리의 다른 글

[JavaScript] 자바스크립트 - 동기, 비동기 개념  (0) 2023.11.12
[JavaScript] Ajax (Asynchronous JavaScript and XML)  (0) 2023.07.08
javascript 비교연산자 (==, ===, !=, !==) 차이점  (0) 2023.03.08
[javascript] 배열 정렬 sort()  (0) 2022.12.20
JavaScript란?  (0) 2022.07.14
'JavaScript' 카테고리의 다른 글
  • [JavaScript] 자바스크립트 - 동기, 비동기 개념
  • [JavaScript] Ajax (Asynchronous JavaScript and XML)
  • javascript 비교연산자 (==, ===, !=, !==) 차이점
  • [javascript] 배열 정렬 sort()
JongTachi
JongTachi
    반응형
  • JongTachi
    JongTachi의 개발 블로그
    JongTachi
  • 전체
    오늘
    어제
    • 분류 전체보기 (165)
      • Network (10)
      • Server (19)
        • Web (12)
        • WAS (6)
      • Java (8)
        • JVM (1)
        • Java Syntax (16)
        • IDE (5)
        • Lombok (2)
        • Util (1)
      • FrameWork (8)
        • Spring&SpringBoot (4)
        • MyBatis (4)
      • JSP (3)
      • JavaScript (12)
        • jQuery (3)
        • JSON (3)
      • APM (1)
      • Android (5)
      • VCS(Version Control System) (5)
        • Git (4)
        • SVN (1)
      • IT_Tools (15)
        • Jenkins (2)
        • MobaXterm (2)
        • Jeus (1)
        • DBeaver (3)
      • Certificate (1)
      • Linux (3)
      • DB (14)
        • MariaDB (0)
        • Oracle (8)
        • Redis (2)
      • IT Information (21)
      • Text Editor (2)
        • NotePad (2)
      • 비밀의방 (0)
      • 헬파티 여행 (2)
      • 경제 (0)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    oracle
    보안
    JSON
    DBeaver
    HTTP
    mybatis
    Redis
    자바
    디비버
    Server
    Web
    인텔리제이
    svn
    WAS
    Tomcat
    db
    JQuery
    IntelliJ
    오라클
    자바스크립트
    마이바티스
    상태코드
    이클립스
    톰캣
    Eclipse
    java
    Javascript
    Linux
    SQL
    git
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
JongTachi
[JavaScript] 객체의 이름 동적으로 구성하기
상단으로

티스토리툴바