JavaScript에서 객체 길이 가져 오기

  2. 어떻게
  3. JavaScript 하우투
  4. JavaScript에서 객체 길이 가져 오기
Kirill Ibrahim 2023년1월30일 2020년12월25일
JavaScript JavaScript Object
  1. Object.keys()메서드를 사용하여 JavaScript에서 객체 길이 가져 오기
  2. for... 루프를 사용하여 JavaScript에서 객체 길이 가져 오기
JavaScript에서 객체 길이 가져 오기

JavaScript에서 객체의 길이를 얻고 싶지만Object에는length 속성이 없습니다. 배열과 문자열에만length 속성이 있습니다.

let object1 = {name: "Mark", age:30};
let string1 = 'Delftstack';
let array1 = [1,2,3];
console.log(object1.length);
console.log(string1.length);
console.log(array1.length);

출력:

undefined
10 
3

JavaScript에서 객체의 길이를 가져 오는 다양한 방법을 소개합니다.

Object.keys()메서드를 사용하여 JavaScript에서 객체 길이 가져 오기

Object.keys()메서드는Object의 속성 배열을 반환합니다. 우리는 키의 수를 얻기 위해length 속성을 사용합니다.

예:

const getLengthOfObject = (obj) => {
  let lengthOfObject = Object.keys(obj).length; 
  console.log(lengthOfObject);
}

getLengthOfObject({ id: 1, name: 'Mark', age: 30 } );

출력:

3

for... 루프를 사용하여 JavaScript에서 객체 길이 가져 오기

객체의 속성을 반복하고 루프의 속성 카운터를 증가시킵니다.

예:

const getLengthOfObject = (obj) => {
  
  let length0fObject = 0;
  
  for(let key in obj){
    length0fObject++;
  }

  console.log(length0fObject);
  return length0fObject;
} 

getLengthOfObject({ id: 1, name: 'Mark', age: 30 } );

출력:

3

예:

const getLengthOfObject = (obj) => {
  
  let length0fObject = 0;
  
  for(let key in obj){
     if (obj.hasOwnProperty(key)){
           length0fObject++;
     }
  }

  console.log(length0fObject);
  return length0fObject;
} 

getLengthOfObject({ id: 1, name: 'Mark', age: 30, country: "USA", job: "software developer" } );

hasOwnProperty()함수는 객체가 지정된 속성을 소유하고 있는지 확인하는 데 사용되는 JavaScript의 내장 함수입니다. 객체에 지정된 속성이 있는지 여부에 따라 true또는 false를 반환합니다.

관련 문장 - JavaScript Object