KimMinJun
Coding Note
KimMinJun
전체 방문자
오늘
어제
  • 분류 전체보기 (486)
    • ALGORITHM (11)
      • 정렬 (6)
      • 최단경로 (1)
      • 자료구조 (1)
      • 슬라이딩 윈도우 (1)
      • etc (2)
    • Git (5)
    • Web (24)
      • Vanilla JS (13)
      • TS (2)
      • React (7)
      • ETC (1)
    • React 공식문서 (번역, 공부) (11)
      • Quick Start (2)
      • Installation (0)
      • Describing the UI (9)
      • Adding Interactivity (0)
      • Managing State (0)
      • Escape Hatches (0)
    • Next.js 공식문서 (번역, 공부) (3)
      • Getting Started (2)
      • Building Your Application (1)
    • PS (431)
      • 백준 (187)
      • Programmers (104)
      • CodeUp (21)
      • STL (3)
      • 제코베 JS 100제 (50)
      • SWEA (0)
      • LeetCode (65)
    • IT (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록
  • 관리

공지사항

인기 글

태그

  • 정렬
  • 제코베 JS 100제
  • 수학
  • 그래프
  • codeup
  • Level 1
  • LeetCode
  • string
  • tree
  • 문자열
  • recursion
  • Level 0
  • C++
  • programmers
  • C
  • js
  • Level1
  • 백준
  • 다이나믹 프로그래밍
  • Level 2

최근 댓글

최근 글

hELLO · Designed By 정상우.
KimMinJun

Coding Note

Web/Vanilla JS

Object Method

2023. 3. 30. 22:25

Object

Object 클래스는 JavaScript의 데이터 유형 중 하나를 나타낸다. 다양한 키 모음 및 더 복잡한 엔티티들을 저장하는 데 사용된다. JS의 거의 모든 객체는 Object의 인스턴스이다. JS는 객체 기반의 스크립트 언어이다. 원시 타입을 제외한 나머지는 모두 객체이다. 한마디로 JS는 객체빼면 시체다...

 

객체는 키(key)와 값(value)쌍으로 이루어진 프로퍼티(property)들의 집합이다.

const obj = { key: value, ... };

 

Object.entries()

for...in와 같은 순서로 주어진 객체 자체의 enumerable 속성 [key, value] 쌍의 배열을 반환한다.

Object.entries() 에 의해 반환된 배열(array)의 순서는 객체가 정의된 방법과 관련이 없다.

const object1 = {
  a: 'somestring',
  b: 42
};

for (const [key, value] of Object.entries(object1)) {
  console.log(`${key}: ${value}`);
}

// Expected output:
// "a: somestring"
// "b: 42"

 

 

Object.keys()

주어진 객체의 속성 이름들을 일반적인 반복문과 동일한 순서로 순회되는 열거할 수 있는 배열로 반환한다.

한마디로 객체에서 key만 뽑아서 배열로 반환한다.

const object1 = {
  a: 'somestring',
  b: 42,
  c: false
};

console.log(Object.keys(object1));
// Expected output: Array ["a", "b", "c"]

 

Object.values()

전달된 파라미터 객체가 가지는 (열거 가능한) 속성의 값들로 이루어진 배열을 리턴한다.

한마디로 객체에서 value만 뽑아서 배열로 반환한다.

const object1 = {
  a: 'somestring',
  b: 42,
  c: false
};

console.log(Object.values(object1));
// Expected output: Array ["somestring", 42, false]

in 연산자

그래도 알아두면 유용한 연산자이다. key값이 객체 안에 있는지 없는지 판단할때 사용하면 유용하다.

const object1 = {
  a: 'somestring',
  b: 42
};

console.log('a' in object1); // true
console.log('b' in object1); // true
console.log('c' in object1); // false
저작자표시

'Web > Vanilla JS' 카테고리의 다른 글

Symbol  (0) 2023.04.06
얕은 복사와 깊은 복사(Shallow Copy & Deep Copy)  (0) 2023.04.03
Array Method  (0) 2023.03.30
Modern Javascript / 함수 심화학습  (0) 2021.07.08
    'Web/Vanilla JS' 카테고리의 다른 글
    • Symbol
    • 얕은 복사와 깊은 복사(Shallow Copy & Deep Copy)
    • Array Method
    • Modern Javascript / 함수 심화학습
    KimMinJun
    KimMinJun

    티스토리툴바