티스토리 뷰

Web/Javascript

Object의 key 갯수 구하기

_ 뚜띠쁘루띠 2018.08.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' 카테고리의 다른 글

Object의 key 갯수 구하기  (0) 2018.08.30
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
766
Today
1
Yesterday
3
링크
«   2019/10   »
    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    
글 보관함