20.07.30 [Array, Object]

박종찬·2020년 7월 30일
0

TIL

목록 보기
4/89
post-thumbnail

배열

객체

사람의 정보를 만든다고 가정해 봅니다.

let userInfo1_FirstName = 'Park';
let userInfo1_LastName = 'JC';
let userInfo1_City = 'Busan';
let userInfo1_age = 10;

let userInfo1 = ['Park', 'JC', 'Busan', 10];

한 사람의 정보는 쉽게 만들 수 있지만 한 사람 뿐 만 아니라 수십, 수백 명의 정보를 만들려면 변수를 수없이 만들어야 합니다.

배열로 하면 하나로 묶여있지만, 인덱스마다 어떤 정보를 의미하는지 알기 힘듭니다.

하지만 객체는 키와 값 (key - value)로 이루어져 있어 정보에 대한 의미를 알 수 있습니다.

let userInfo = {
	firstName : 'JC',
	lastName : 'Park',
	city : 'Busan',
	age : 10
};

객체의 값을 접근 하는 방법

//dot(.)을 사용하는 방법
userInfo.firstName; // 'JC'

//bracket notation([])을 사용하는 방법
userInfo['firstName']; //'JC'

//또는 대괄호 안에 정의한 변수를 넣어서 사용할 수도 있습니다.
let info = 'firstName';
userInfo[info]; //'JC'

필요할 때에 객체에 키, 값을 추가할 수도 있습니다.

user['shoeSize'] = 200;

/*
	userInfo = {
	firstName : 'JC',
	lastName : 'Park',
	city : 'Busan',
	age : 10,
	shoeSize : 200
};
*/
profile
반가워요! 사람을 도우는 웹 개발자로 성장하기! :)

0개의 댓글