JavaScript 04 : 객체와 배열

2022. 7. 15. 14:14프로그래밍 언어/Javascript

출처 : https://www.youtube.com/watch?v=KF6t61yuPCY


Javascript 이해하기


 

1. 객체 이해하기

01 객체 정의

# 중괄호로 감싸지며, 내부값은 key:value 형태를 지닌다.
const superman = {
    name:'clark',
    age:33,
}

마지막 쉼표는 없어도되지만, 수정/삭제의 편의성을 위해 콤마를 붙여주자

02 객체 접근

# 딕셔너리 사용법과 거의 동일하다

# 1. 접근
superman.name // 'clark'
superman['age'] // 33

# 2. 추가
superman.gender = 'male';
superman['hairColor'] = 'black';

# 3. 삭제
delete superman["hairColor"]
delete superman.hairColor

03 단축 프로퍼티

const name = 'clark';
const age = 33;

# 표현법1. 기본
const superman = {
    name:name,
    age:age,
    gender:'male',
}

# 표현법2. 단축 프로퍼티 사용
const superman = {
    name,
    age,
    gender:'male',
}

04 프로퍼티 존재 여부 확인

superman.birthDay; // 없는 프로퍼티를 선택하면 undefined 리턴
'birthDay' in superman; // false
'age' in superman; // true