객체는 어떤 값을 선언할 때, 하나의 이름에 여러 종류의 값을 넣을 수 있게 해줌!
const dogName = "멍멍";
const dogAge = 3;
console.log(dogName); //"멍멍" 출력
console.log(dogAge); //"3" 출력
위와 같은 상황에서 어떤 연관된 data들을 각각을 변수로 따로 정의하고 사용하는 것이 아니라, 객체를 사용하면
const dog = {
name : '멍멍',
age : 3,
cute : true,
sample : {
a : 1,
b : 2
}
}
//"이름(key) : 값(value)"의 쌍으로 해당 data에 관련된 정보를 저장하고
//각각의 쌍은 쉼표(,)로 분리
//"이름(key)"에 해당하는 값은 문자열이나 숫자 올 수 있음
//하지만 사이에 공백이 있으면 안됨..
//(공백을 넣고 싶으면 아래와 같이 이름을 따옴표로 묶어주면 가능!)
const dog = {
'key with space' : 'adsf'
}
//그리고 "값(value)"에 해당하는 것은 문자열, 숫자, 불리언, 또다른 객체... 어떤 것도 올 수 있다.
그리고 객체 안에 저장되어 있는 정보를 사용하기 위해서는 다음과 같이 쓰면 된다.
console.log(dog.name); //'멍멍' 출력
console.log(dog.age); //3 출력
console.log(dog); //Object {name: "멍멍", age: 3}
객체에서 객체의 정보를 배열 형태로 받아올 수 있는 방법!
const doggy = {
name : '멍멍이',
sound : '멍멍',
age : 2
};
console.log(Object.entries(doggy)); //[["name", "멍멍이"], ["sound", "멍멍"], ["age", 2]]
console.log(Object.keys(doggy)); //["name", "sound", "age"]
console.log(Object.values(doggy)); //["멍멍이", "멍멍", 2];
entries : 배열 형태로 key와 value 쌍을 저장해서 리턴
keys : key들을 배열 형태로 리턴 이건 잘 기억!!
values : value들을 배열 형태로 리턴