JavaScript

[10장] 객체 리터럴

잼굴 2022. 2. 17. 21:55

 

 

원시 값: 변경 불가능한 값

객체 : 변경 가능한 값

 

 

객체 -> 프로퍼티 -> 키 and 값  

객체는 이 구조로 구성되어있음.

 

    var person = {

                name: 'Lee',  << 이 줄이 프로퍼티

프로퍼티 키>age: 20 << 20이 프로퍼티 값

};

 

프로퍼티: 객체의 상태를 나타내는 값

프로퍼티 키: 빈 무자열을 포함하는 모든 문자열 또는 심벌 값

프로퍼티 값: 자바스크릅트에서 사용할 수 있는 모든값

 

프로퍼티 키는 문자열이므로 따옴표로 묶어야함. 그냥 웬만하면 다 따옴표로 묶어주자.

뭐 유효값, 숫자는 생략할수있다는데 걍 다쓰자

이미 존재하는 프로퍼티키를 중복선언하면 덮어쓰게  됨.

 

 

메서드

 

프로퍼티 값이 함수일 경우 메서드라고 부름

 

프로퍼티 접근법

1. 마침표 표기법

2. 대괄호 표기법

 

var person = {

    name: 'Lee'

};

 

console.log(person.name);  // 마침표 표기법

console.log(person['name']);  // 대괄호 표기법

 

 

프로퍼티 삭제

var person = {

    name: 'Lee'

};

person.age = 20;

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

delete person.address;  // address 프로퍼티는 존재하지않아서 삭제는못함. 근데 에러는 발생x

 

 

프로퍼티 축약 표현

var x = 1, y =2;

var obj = {

    x: x,

    y: y};

console.log(obj); // {x:1, y: 2}

////////////

let x = 1, y =2;

const obj = { x , y};

console.log(obj);  // {x: 1, y: 2}