객체

양성호·2021년 10월 4일
0

TIL

목록 보기
3/17

🤷‍♀️ 객체란 무엇인가

자바 스크립트의 기본타입으로 원시값을 제외한 모든 값이 객체!

객체는 프로퍼티로 구성되며, 프로퍼티는 키와 값으로 구성된다.
프로퍼티의 값이 함수일 경우, 이를 메소드라고 한다.

const me = {
  name: '양성호',
  age: 24 ,
  
};  // 객체의 예시

🤷‍♀️ 프로퍼티와 메소드?

ex)
프로퍼티
phone.model: '갤럭시s10'
phone.weight: '140g'

메소드
phone.on()
phone.off()
phone.call()

🔍 객체 속성의 접근 방법

Dot Notation 방식

const me = {
  name: '양성호',
  age: 24 ,
  
};  

me.name;
me.age;

마침표를 사용하여 객체.key 로 프로퍼티에 접근한다

Bracket Notation 방식

const me = {
  name: '양성호',
  age: 24 ,
  
};  

me['name'];
me['age'];

[ ] 대괄호를 사용하여 사이에 키값을 문자열로 넣는다

🔍 객체와 배열이 섞인 복잡한 객체의 접근 방법

 let myPlants = [
    {
      type: "flowers",
      list: [
        "rose",
        "tulip",
        "dandelion"
      ]
    },
    {
      type: "trees",
      list: [
        "fir",
        "pine",
        "birch"
      ]
    }
  ];

목표 : 리턴값이 "pine"이 될 수 있도록 해보자!

Step.1

먼저 배열안에 ,를 기준으로 원소1,원소2 두개의 객체가 존재한다 두번째 객체에 접속하기위해 [1]을 입력해 접속한다

console)

Step.2

원소2 의 프로퍼티중 "list"에 접속하기 위해 ["list"] 입력

let foundValue = myPlants[1]["list"]

console)

Step.3

"list"의 배열 중 "pine" 값의 리턴을 위해 [1] 입력

let foundValue = myPlants[1]["list"][1]

console)

성공!! 🎉🎊





DOTNOTATION 방식의 코드

let foundValue = myPlants[1].list[1]

0개의 댓글