티스토리 뷰

Web/Javascript

Object의 key 갯수 구하기

뚜띠쁘루띠 2018. 8. 30. 13:31

종종 object의 key 갯수가 필요할 때가 있다.

그럴 때마다 아래와 같은 방법으로 구해서 사용해왔다.

const obj = {
    'key0': 'value0',
    'key1': 'value1',
    'key2': 'value2',
    'key3': 'value3'
};
let cnt = 0;
let key;

for(key in obj) {
	cnt += 1;
}

console.log(cnt);	// obj의 key 갯수

 

얼마 전, 엄청 간단한 방법을 찾게 되었다.

const obj = {
    'key0': 'value0',
    'key1': 'value1',
    'key2': 'value2',
    'key3': 'value3'
};
const cnt = Object.keys(obj).length;

console.log(cnt);	// obj의 key 갯수

 

Object.keys(object)를 사용하면 array 형태로 반환해준다.

위의 obj를 예로 들면, Object.keys(obj)가 실행되면 ['key0', 'key1', 'key2', 'key3']의 형태로 array가 반환된다.

따라서 array의 length를 구하면 방식과 같은 형태로 object의 key 갯수를 구할 수 있게 된다.

'Web > Javascript' 카테고리의 다른 글

Get Parent & Child Nodes  (0) 2018.08.02
Get width and height of element  (0) 2018.06.15
Mouse right click event  (0) 2018.06.05
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
글 보관함