[TIL] 객체

ㅜㅜ·2022년 9월 5일
1

Today I learn

목록 보기
11/77
post-thumbnail

객체

각기 다른 값을 가질 수 있지만, 입력해야 하는 데이터의 종류가 동일한 경우 객체를 사용하면 손쉽게 데이터를 관리할 수 있음.

객체는 데이터에 의미를 부여할 수 있는데, 객체 속의 'key'에 의미가 담긴다.

  • 객체 내부 값을 가지고 오는 방법에는 dot notation, braket notation 두 가지가 있다.
    let tweet {
    	name : 'stevelee',
    	date : '2022-09-06',
    	content : 'such a nice weather!'
    }
    
    tweet.name // dot notation으로 stevelee 
    tweet['content']
    tweet["content"]
    tweet[`content`]
    //braket notation으로 콘텐츠 값을 가지고 옴. (큰,작은 따옴표, 백틱 모두 가능)
    ⇒ braket notation은 키 값이 변수일 때 써주어야 함.
  • 값을 추가할 때도 아래와 같이 dot/braket notation 사용 가능.
    let tweet = {
    	writer : 'stevelee',
    	createdAt : '2022-09-06',
    	content : 'i know all'
    };
    
    tweet['category'] = '잡담';
    tweet.isPublic = true;
    tweet.tags = ['#코드스테이츠'.'#프리코스']
    
  • 값을 삭제할 때는 delete 키워드를 통해 가능.
    delete tweet.createdAt;
  • in 연산자를 이용해 해당 키가 있는지 확인 가능.
    'content' in tweet // true
    'updatedAt' in tweet // false




객체 순회문 (How to iterate object)

  • for..in
    for(const items in tweet){
    	console.log(items)
    }
  • Object.entries(obj) : 객체의 열거 가능한 문자 속성 [’key’, ‘value’] 쌍의 배열을 반환. (Object.keys(obj) , Object.values(obj) 와 같이도 사용 가능)
	const obj = { foo: 'bar', baz: 42 }
	console.log(Object.entries(obj));
	//[['foo','bar'],	['baz',42]]




profile
다시 일어나는 중

0개의 댓글