[JavaScript] 자바스크립트 객체의 길이(length) 구하기!

객체의 길이(length)

자바스크립트에서 배열(Array) 또는 문자(String)를 사용하는 경우에는 length 속성을 이용하여 쉽게 길이를 구할 수 있습니다.
하지만 객체에서는 length를 사용하면 undefind를 반환을 하게 됩니다.

객체의 길이 구하는 법

그렇다면 객체의 길이를 구하고 싶을 때 할 수 있는 방법을 무엇일까요?
기본적으로 Object의 메서드를 이용하는 방법과 반복문을 이용하는 방법이 있습니다.
그 중에서 오늘은 Object의 메서드를 이용한 객체의 길이를 구하는 방법을 알아보겠습니다.

방법1. Object.keys()

Object.keys()는 주어진 객체의 key들로 이루어진 배열을 반환하는 메서드 입니다.
따라서 Object.keys()를 이용하여 key들이 담겨진 배열을 만들고,
이 배열에 length를 이용하는 방법으로 구할 수 있습니다.

Object.keys(객체) // 구문

const objs = {a:1, b:2, c:3}
Object.keys(objs)
// output> ['a', 'b', 'c']
Object.keys(objs).length
// output> 3

방법2. Object.values()

다음 방법으로는 Object.values()가 있으며, 객체가 가지는 속성의 값들로 이루어진 배열을 반환하는 메서드입니다.
따라서 위에 설명했던 .keys()와 같이 객체의 속성 값들을 배열로 만들어 길이를 구할 수 있습니다.

Object.values(객체) // 구문

const objs = {a:1, b:2, c:3, d:4}
Object.values(objs)
// output> [1, 2, 3, 4]
Object.values(objs).length
// output> 4

방법3. Object.entries()

Object.entries() 메서드는 주어진 객체 자체의 속성 (key, value) 쌍의 배열을 반환합니다.
따라서 배열에 length를 이용하면 길이를 구할 수 있습니다.

Object.entries(객체) // 구문

const objs = {a:1, b:2, c:3, d:4}
Object.entries(objs)
// output> [Array(2), Array(2), Array(2), Array(2)]
Object.entries(objs).length
// output> 4