[JS] 객체

jung_ho9 개발일지·2022년 11월 4일
0

JavaScript

목록 보기
5/19
post-thumbnail
post-custom-banner

객체


중괄호를 이용해서 객체를 만들고 키-값 쌍은 쉽표로 구분해줄 수 있다.

let user = {
  firstName : 'Steve',
  lastName : 'Lee',
  email : 'steve@codestates.com',
  city : 'Seoul'
}

객체 값에 접근


1. Dot notation

user.firstName // Steve

2. Bracket notation

user['firstName'] // Steve
  • Bracket notation 사용할 시 값은 문자열로 입력해야 함 !!
  • Bracket notation 은 키 값이 변수일 때 주로 사용함

Bracket notation 사용시 주의사항

user[firstName]

// Uncaught ReferenceError : firstName  is not defined ,

// firstName정의되지 않았다 !

이러한 에러가 뜨는 이유는 문자열 firstName으로 사용하지 않아 변수로 취급되고 있기 때문에 firstName 은 정의되지 않았다는 에러가 뜨게됨

user[firstName]  === user['firstName'] // false

getProperty 문제

let person = {
  name : 'Steve',
  age : 16
};

function getProperty(obj, propertyName) {
	return obj[propertyName]
}

let out =getProperty(person, 'name');
console.log(output); // 'Steve'

객체 값 추가

person['name'] = 'Jungho'
person.name = 'Jungho'

객체 값 삭제

delete person.createdAt; 

객체 키 확인

in 연산자

'name' in person // true person이 있을 때
'name' in age // false  age가 없을 때
profile
꾸준하게 기록하기
post-custom-banner

0개의 댓글