💧JS:Object Literals

💧Object (생성, 접근, 수정)

객체는 properties 집합 
properties 는 key, value가 쌍을 이룬다
key로 value를 불러올 수 있다

+) property는 어떤 값을 나타낸다(MDN 정의 = 해당 object의 특징이다)
그런데 이 값이 다른 값과 연관되어 있을 때 property라고 부른다

ex) 문자열에는 length라는 property가 포함되어 있는데 이 property는 문자열 안에 있는 문자의 양을 정수로 나타낸 값을 담고 있다
(MDN 정의 = property는 보통 데이터 구조와 연관된 속성을 나타낸다)

+)property의 값을 변경할 때 기존에 참조된 object는 그대로 남아 있기에 이걸 구분하는 것이 중요

object 생성
const person = {firstName : 'mick',lastName: 'jagger'}

const years = {1999: "GOOD", 2020:"BAD"}
key값은 기호를 제외하고는 문자열로 저장된다

object 접근

property에 접근하는 법은 2가지가 있다(대괄호, 점 표기법)

input years["1999"]
output "GOOD"

하지만
input years[1999]
output "GOOD"

왜그럴까?
두번째 숫자로 입력한 1999를 문자열로 자동으로 변환하기 때문이다

["fisrt" + "Name"] 이렇게 사용할수도 있다(변수를 만들거나 사용하는 변수가 있을 때)
코드로 먼저 실행되고 접합된 firstName이 key값으로 쓰인다

object 수정

const midterms = {danielle: 96,thomas : 78}

input midterms.thomas = 79
input midterms
output {danielle: 96, thomas = 79}

객체 자체는 그대로 유지돼야 하지만 안쪽은 수정 가능하다(추가, 제거, 변경)

🌈Arrays + Objects

객체안에 배열을 만들 수있고 배열안에 객체를 만들 수도 있다

const comments = 
[ {username: 'Tammy', text: 'lolololol', votes: 9}
  {username : 'FishBoy', text: 'glub glub', votes: 12387} ]
  
구성요소 접근 
in comments[1].text
out "glub glub"