TLI - 51

chloe·2021년 6월 29일
0

Today I Learned

목록 보기
25/42
post-custom-banner

# 객체

  • 배열: 순서를 가진다.
  • 객체: 의미를 가진다, key와 value가 있다.

배열과 객체의 특징에 따라 실생활에서 언제 쓰는지 이해할 수 있다.

  • 객체 :하나의 변수안에 여러가지 정보가 담겨있을 때
    ex) 회원 주소록

dot notation과 bracket notation의 차이가 있다?(O/X)

  • 기능 차이는 없다!(둘다 value를 가져온다) 쓰는 방식이 다를 뿐!
  • dot notation: value를 가져올 수 있다. ex)tweet.content
  • bracket notation: dot notation 과 똑같이 value를 가져올 수 있다. ex) tweet["content"]

객체 실습 - 2의 tweet.content와 tweet[content]의 차이가 무엇인지 설명할 수 있다.

  • tweet[content] 안에 content는 선언된 변수에 할당이 되어있어야 한다. let content = 'writer'
  • [변수]를 불러온다고 생각하자!
  • key값이 동적으로 변할때 써야한다.
    ex)
let person = {
	name: 'chloe'
    age: 99
};

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

let output =  getProperty(person, 'name') -> 'chloe'

let output =  getProperty(person, 'age') -> 99
  • tweet.content 는 객체안에 정해진 key의 value를 가져온다.

객체 속성(property)의 추가, 조회, 변경, 삭제를 자유자재로 할 수 있다.

  • dot/bracket notation을 이용해 값을 추가할 수 있다.
let person = {
	name: 'chloe'
    age: 99
};
 
person['job'] = 'english teacher'
person.isfemale = true;
  • delete 키워드를 이용해 삭제가 가능하다.
let person = {
	name: 'chloe'
    age: 99
};
delete person.name; ->key , value 같이 지워진다.
  • in 연산자를 이용해 키가 있는지 확인할 수 있다.
let person = {
	name: 'chloe'
    age: 99
};

'age' in person -> true
'job' in person -> false 

dot notation을 이용한 객체 할당 방식을 능숙하게 다룰 수 있다. obj.a = "hello"

객체를 위한 for문 for ... in 문을 이해하고 다룰 수 있다.

profile
Why not?
post-custom-banner

0개의 댓글