객체

jiwonSong·2020년 7월 13일
0

javascript

목록 보기
6/23
post-thumbnail

이 문서는 fastcampus 강의 를 듣고 정리한 문서입니다. 문제가 있을 경우 이곳으로 문의주세요! 😀


객체는 어떤 값을 선언할 때, 하나의 이름에 여러 종류의 값을 넣을 수 있게 해줌!

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들을 배열 형태로 리턴




profile
하루하루 성장하려 노력하는 FE 개발자 입니다~

0개의 댓글