JavaScript 개체가 비어 있는지 효과적으로 확인하려면 어떻게 해야 합니까?

JavaScript 객체가 비어 있는지 확인

JavaScript 객체가 비어 있는지 확인하려면 다양한 방법과 고려 사항을 사용할 수 있습니다. 한 가지 접근 방식은 Object.hasOwn(ECMA 2022)과 함께 for...in 루프를 활용하는 것입니다. 이 루프는 객체의 자체 속성을 반복하고 존재하는 경우 false를 반환합니다.

function isEmpty(obj) {
  for (const prop in obj) {
    if (Object.hasOwn(obj, prop)) {
      return false;
    }
  }

  return true;
}

또 다른 방법은 빈 객체와 자체 속성이 없는 기타 객체를 구별하는 것입니다. 이는 유형 검사를 통해 달성할 수 있습니다.

function isEmptyObject(value) {
  if (value == null) {
    return false;
  }

  if (typeof value !== 'object') {
    return false;
  }

  const proto = Object.getPrototypeOf(value);

  if (proto !== null && proto !== Object.prototype) {
    return false;
  }

  return isEmpty(value);
}

Object.prototype과 비교하면 영역 간 개체를 간과할 수 있다는 점에 유의하는 것이 중요합니다. 또한 Object.keys(obj).length는 배열 생성이 필요하므로 비효율적이므로 사용하지 않는 것이 좋습니다.

이전 JavaScript 엔진과의 호환성을 위해 Object.hasOwn을 Object.prototype.hasOwnProperty.call로 대체할 수 있습니다. :

function isEmpty(obj) {
  for (var prop in obj) {
    if (Object.prototype.hasOwnProperty.call(obj, prop)) {
      return false;
    }
  }

  return true;
}

다양한 라이브러리는 비어 있는지 확인하도록 특별히 설계된 기능을 제공합니다. 개체:

• jQuery: jQuery.isEmptyObject({}) // true
• Lodash: _.isEmpty({}) // true
• 밑줄: _ .isEmpty({}) // true
• 훅: Hoek.deepEqual({}, {}) // true
• ExtJS: Ext.Object.isEmpty({}) // true
• AngularJS(버전 1): angle.equals({ }, {}) // 참
• Ramda: R.isEmpty({}) // 맞다

위 내용은 JavaScript 개체가 비어 있는지 효과적으로 확인하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!