[개발자되기: 객체] Day-13

Kyoorim LEE·2022년 5월 11일
0

객체

배열과 비교했을 때 의미를 부여할 수 있음

객체 선언의 예시

let user = {
	firstName: 'Steve',
    lastName: 'Lee',
    email: 'steve@codestates.com',
    city: 'Seoul'
};
===> lastName 키(Key), 'Lee' 값(value)

객체의 값 사용법

방법1. Dot notation

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

user.firstName; //'Steve'
user.city; // 'Seoul'

방법2. Bracket notation

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

user['firstName']; //'Steve'
user['city']; // 'Seoul'

Dot notation vs Bracket notation

  • bracket notation을 반드시 써야할 때: 무엇을 불러와야하는지 정확히 모를때
  • dot notation은 무엇을 불러와야하는지 정확히 알 때
const person = {
  name: 'Steve',
  age: 16,
};

function getProperty(obj, propertyName) [

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

output = getProperty(person, 'age');
console.log(output); // --> 16

dot/bracket notation을 이용해 값 추가 가능

let tweet = {
	writer: 'stevelee',
    createdAt: '2019-09-10',
    content: '프리코스 재밌어요!'
};

tweet['category'] = '잡담';
tweet.isPublic = true;
tweet.tags = ['#코드스테이츠', '#프리코스'];

delete 키워드를 이용해 삭제 가능

delete tweet.createdAt; 
// tweet은 다음과 같아짐
// {writer:'stevelee', content:'프리코스 재밌어요!'}

in연산자로 해당키가 있는지 확인 가능

'content' in tweet; // true
'updatedAt' in tweet; // false
profile
oneThing

0개의 댓글