JavaScript | object

Kate Jung·2020년 12월 24일
2

JavaScript

목록 보기
12/39
post-thumbnail

객체의 키를 변수로 접근

    const information = {
      name: '김개발'
    }

    const verb = 'developes'
    const project = 'facebook'

    information[verb] = project // [A]
    information.developes = 'facebook' // [B]
  • [ A ]

    변수 verb와 project가 가지는 값에 따라 다른 키와 다른 값을 가지는게 가능

  • [ B ]

    키와 값: 고정

객체 순회

  • 순서가 보장되지 않은 순회

Object.keys()

  • 어떤 객체가 가지고 있는 키들의 목록을 배열로 리턴하는 메소드

    객체 생성자인 Object 가 직접 가지고 있는 메소드

사용법

         const obj = {
           name: 'melon',
           weight: 4350,
           price: 16500,
           isFresh: true
         }

         Object.keys(obj) // ['name', 'weight', 'price', 'isFresh']
  • 응용_반복문으로 사용
            const keys = Object.keys(obj) // ['name', 'weight', 'price', 'isFresh']

            for (let i = 0; i < keys.length; i++) {
              const key = keys[i] // 각각의 키
              const value = obj[key] // 각각의 키에 해당하는 각각의 값

              console.log(value)
            }

Object.values

객체의 키가 아닌 값으로 이루어진 배열을 리턴

Object.entries

  • 객체의 키와 값의 쌍으로 이루어진 길이 2짜리 배열로 이루어진, 배열을 리턴
  • 각 배열에서 인덱스 [0]의 값은 각각의 키를, 인덱스 [1]의 값은 해당 키에 해당하는 값

for-in

  • for문과 같은 종류의 문법
  • 객체 외 일반 배열 순회시 유용

사용법

  • 배열에서

    (let i = 0; i < 변수명(배열).length; i ++)let i in 변수명(배열)

  • 객체에서

                const obj = {
                  name: 'melon',
                  weight: 4350,
                  price: 16500,
                  isFresh: true
                }

                for (let key in obj) {
                  const value = obj[key]

                  console.log(key)
                  console.log(value)
                }

→ 객체를 가지고 for-in 문 작성 시, for-in 문의 인덱스에 해당하는 변수= 객체의 각 키에 해당하는 문자열 할당

profile
복습 목적 블로그 입니다.

0개의 댓글