객체 리터럴

4736 단어 javascript
객체는 키-값 쌍의 모음입니다.
다음은 하나의 속성과 하나의 기능을 가진 개체의 스니펫입니다.

const person = {
    name: "Harsha",
    greet: (msg, name) => {
        console.log(message + "" + name + "!");
    }
}

ES6 를 사용하여 개체 리터럴이 일부 향상되었습니다.


키 속기 및 기능 속기




const name = 'Harsha'
const age = 19

const person = {
    name: name,
    age: age
    greet: function () => {
      console.log("Hi")
    }
}


위의 코드에서 우리는 name 과 age 속성을 가진 개체 person 을 만들고 그들에게 상수 변수 nameage 의 값을 할당했습니다. 그리고 기능이 할당된 Greeting 속성도 있습니다.

Javascript는 값을 할당하는 변수와 이름이 같은 객체 키를 설정하기 위해 약식 표기법을 도입했습니다. 또한 객체에서 function 키워드를 생략하고 클래스에서와 유사한 방식으로 함수를 정의할 수 있습니다.

키 속기 표기법과 함수 속기 표기법을 사용하여 위의 코드를 다음과 같이 작성할 수 있습니다.

const name = 'Harsha'
const age = 19

const person = {
    name,
    age,
    greet() => {
      console.log("Hi")
    }
}


보시다시피 위의 코드는 작성 측면에서 훨씬 더 좋고 깨끗하며 쉬워 보입니다.


동적 속성


ES6를 사용하면 변수를 객체 리터럴의 속성으로 직접 사용할 수 있습니다.

const dynamicKey="name"
const object = {
  [dynamicKey]: "Harsha"
}


위의 예에서 볼 수 있듯이 계산된 속성 이름을 대괄호로 묶어야 합니다. 위의 개체는 다음과 같습니다.

const object = {
   "name": "Harsha"
}

좋은 웹페이지 즐겨찾기