모던자바스크립트 10장 객체 리터럴

연호·2022년 12월 17일
0

모던자바스크립트

목록 보기
5/28

객체 리터럴

  1. 자바스크립트는 객체 Object 기반의 프로그래밍 언어이며, 원시 값을 제외한 나머지 값은 모두 객체이다. 원시 타입은 변경 불가능 하지만 객체는 변경 가능한 값이다.

  2. 객체는 0개 이상의 프로퍼티 (객체의 상태를 나타내는 값)로 구성된 집합이다.

  3. 프로퍼티는 키와 값으로 구성된다.
    3-1 프로퍼티 키에는 빈 문자열을 포함하는 모든 문자열 또는 심벌 값
    식별자 네이밍 규칙을 준수하지 않을 경우 따옴표 필요
    3-2 프로퍼티 밸류에는 자바스크립트에서 사용할 수 있는 모든 값

var foo = {
  name : "lee"
  name : "Kim"
};

// Name : kim 으로 덮어 씌어진다.
  1. 프로퍼티 값이 함수일 경우 일반 함수와 구분을 위해 메서드라 부른다.

  2. 마침표 표기법과 대괄호 표기법을 활용하여 프로퍼티에 접근할 수 있다.

var person = {
  name : "Lee"
};

console.log(person.name);      // Lee
console.log(person.["name"]);  // Lee
  1. 이미 존재하는 프로퍼티에 값을 할당하면 갱신. 존재하지 않는 프로퍼티에 값을 할당하면 생성. delete 연산자를 활용하여 삭제한다.
var person = {
  name : "Lee"
};

person.name = "kim";			// 프로퍼티 값 갱신
person.age = 20;				//프로퍼티 값 추가

console.log(person.person);      // {name: "Kim" , age: 20}

delete.person.age;				//프로퍼티 값 삭제

console.log(person.person); 	//name: "Kim"} 
  1. ES6에서는 프로퍼티 값이 변수이고 변수 이름과 프로퍼티 키가 동일한 이름일때 프로퍼티 키 생략 가능.
profile
뉴비

0개의 댓글