Javascript 객체

Min Seong Kim·2022년 7월 11일
0
post-thumbnail

ex) 회원 주소록 만들기

let userFristName = 'Steve'
let userLastName = 'Lee'
let userEmail = 'steve@naver.com'
let userCity = 'Seoul';

객체를 사용해보면 이러한 주소록에 적합한 자료구조 이다.
위에 있는것을 객체의 선언은 다음과 같다.

ex)객체 선언 예시

let user = {
	firstName: 'Steve',
    lastName: 'Lee',
    email: 'steve@codestates.com',
    city: 'Seoul'
};
객체는 키와 값 쌍(key-value pair)으로 이루어져 있다.

객체의 값을 사용 하는 방법은 2가지

  • 방법1: Dot notation
let user = {
	firstName: 'Steve',
    lastName: 'Lee',
    email: 'steve@gmail.com',
    city: 'Seoul'
};

user.firstName; // 'Steve'
user.city; // 'Seoul'
  • 방법2: Bracket notation
let user = {
	firstName: 'Steve',
    lastName: 'Lee',
    email: 'steve@gmail.com',
    city: 'Seoul'
};

user['firstName']; // 'Steve'
user['city']; // 'Seoul'
  • Bracket notation을 사용하여 값을 조회할 때는 key를 따옴표(' ')로 감싸주어야 한다.

Dot/Bracket notation을 이용해 값을 추가할 수도 있다.

let tweet {
	writer: 'stevelee',
    createdAt: '2022-07-08',
    content: '객체 재밌어요!'
};

tweet['category'] = '잡담';
tweet.isPublic = true;
tweet.tags = ['#정말 재미있다.', '#진짜 재미있다.'];

delete 키워드를 이용해 삭제도 가능하다.

let tweet {
	writer: 'stevelee',
    createdAt: '2022-07-08',
    content: '객체 재밌어요!'
};
// createAt 키-값 쌍을 지운다.
delete tweet.createdAt;

in 연산자를 이용해 해당하는 키가 있는지 확인 할 수 있다.

let tweet {
	writer: 'stevelee',
    createdAt: '2022-07-08',
    content: '객체 재밌어요!'
};
'content' in tweet; // true
'updatedAt' in tweet; // false
profile
의미 있는 개발자

0개의 댓글