-
객체 (object)Javascript 2020. 3. 26. 09:40
여러 가지 정보를 담고 싶을 때 여러 개의 변수를 일일이 선언하는 방법 대신에 사용합니다.
배열을 사용한다면?
let user = [ 'john', '37', 'john@gmail.com', 'Seoul' ];
각 값이 하나로 묶여있지만 각각의 index가 어떤 정보를 의미하는지 알 수 없습니다.
이럴 때 객체를 사용합니다.
let user = { //중괄호(curly bracket)을 이용하여 객체를 만듭니다 name: 'john', age: '37', //key: value email: 'john@gmail.com', //key-value pair는 쉼표로 구분합니다 city: 'Seoul' };
객체의 값에 접근하는 방법
Dot notation
user.name; //'John' user.city; //'Seoul'
Bracket notation
user['name']; //'John' user['city']; //'Seoul' user[city]; //ReferenceError: content is not defined (city를 변수로 인식) let live = 'city' user[live]; //'Seoul'
두 방법의 차이점은 동적인 변수를 Bracket notation에만 사용할 수 있습니다.
dot/bracket notation으로 값을 추가와 제거
let user = { name: 'john', age: '37', email: 'john@gmail.com', city: 'Seoul' }; user['job'] = 'artist'; user.isMale = true; delete user.name; //키가 있는지 확인 'name' in user; //false 'age' in user; //true
'Javascript' 카테고리의 다른 글
배열의 메서드 (array method) (0) 2020.03.26 문자열 메서드 (string method) (0) 2020.03.26 함수 (function) (0) 2020.03.26 반복문(for, while) (0) 2020.03.25 배열(array) (0) 2020.03.25