Javascript_객체리터럴

jhson·2024년 1월 3일
0

javascript

목록 보기
17/19

객체 리터럴

  • 생성자와 비슷하지만 동작의 특성이 다름
    - 생성자 : 객체를 설계한 함수 => 이걸 호출하면 생성자 함수가 만들어짐
    - 객체리터럴 : 객체를 이렇게 만들겠다는 선언. 생성자처럼 만들고 호출해야지 만들어지는 것이 아니라, 즉각적으로 객체 형태의 데이터를 만듦
 const cat = {
            species : "포유류",
            title : "고양이"
        }
        console.log(cat)
        console.log(cat.species)
        console.log(cat["title"])

=> 결과값
->{species: '포유류', title: '고양이'}
->포유류
->고양이

스프레드 연산

  • 객체를 그대로 가져와서 확장하는 형태
const jerry = {
	...cat,
    name : "제리",
    age : 3,
    favourite : ["밥", "간식", "집사의 무릎"]
}
console.log(jerry)
console.log(jerry.favourite)
console.log(...jerry.favourite)

=>결과값
->{species: '포유류', title: '고양이', name: '제리', age: 3, favourite: Array(3)}
->['밥', '간식', '집사의 무릎']
->밥 간식 집사의 무릎

profile
게임회사 주니어 개발pm에서 프론트엔드 개발자로 전향하는 과정

0개의 댓글