자바스크립트 Object(객체)
객체는 관련된 데이터(property)와 함수(method)들의 집합을 말한다.
배열은 각 요소가 나타내는 의미를 모르지만 객체는 각 요소의 속성을 표시 할 수 있다.
Object 선언
object의 선언은 변수를 선언하고
값으로 { } 중괄호를 감싸서 넣으면 빈 객체가 생성된다.
중괄호 안에 프로퍼티와 메서드를 넣을 수 있다.
let a = {
}
console.log(a); // { }프로퍼티(property)
프로퍼티는 객체에서 데이터를 저장하는 역할이다.
프로퍼티는 key: value 형태로 정의한다.
key와 value로 구성되고 : 구분할 수 있다.
중괄호 안에서 사용할 수 있고 각 프로퍼티는 ,로 구분한다.
const person = {
name: '슬기', // key: value
age: 26,
favoriteFood: ['떡볶이', '라멘'],
}예시처럼 프로퍼티의 value의 값은 여러 데이터 타입을 혼용해서 사용가능하다.
객체 사용
객체의 프로퍼티에 접근하는 방법은 2가지가 있다.
객체명 뒤에 .을 붙이고 접근하고 싶은 프로퍼티의 key를 적는 방법과
배열의 요소에 접근 할때처럼
객체명 뒤에 [] 대괄호를 적고 프로퍼티의 key를 적는 방법이 있다.
또 값을 변경할때도 위와 같이 적고 = 위에 바꾸고 싶은 값을 사용하면된다.
console.log(person.name) // 슬기
console.log(person['name']) // 슬기
person.age = 27;
console.log(person.age) // 27객체 프로퍼티 추가
객체의 프로퍼티를 추가할때는
객체를 사용할때 처럼 ., []를 이용해
중복되지 않는 키를 지정해주고 값을 넣으면 추가할 수 있다.
person.favoriteGame = '리그오브레전드';
person['phone'] = '아이폰13';