빈 JavaScript 개체를 효과적으로 확인하는 방법은 무엇입니까?

빈 JavaScript 개체 확인

JavaScript로 작업할 때 애플리케이션이 { }로 표시된 빈 개체를 반환하는 시나리오가 발생할 수 있습니다. . 적절한 데이터 처리를 위해서는 객체의 비어 있음을 확인하는 것이 필수적입니다. 이 기사에서는 빈 JavaScript 객체를 테스트하는 여러 가지 방법을 살펴봅니다.

방법 1: for...in Loop 및 Object.hasOwn(ECMA 2022)

이 방법은 다음을 활용합니다. 객체의 속성을 반복하는 for...in 루프. 자신의 속성이 존재하는 경우 객체가 비어 있지 않음을 나타내며 false를 반환합니다. 그렇지 않으면 true를 반환합니다.

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

  return true;
}

방법 2: Object.keys 및 길이

간단하지만 이 접근 방식은 모든 항목의 배열을 생성하므로 효율성이 떨어집니다. O(N)의 복잡도를 갖는 속성 이름.

function isEmpty(obj) {
  return Object.keys(obj).length === 0;
}

방법 3: { } 유사 객체에 대한 유형 검사

빈 객체({ })와 자체 속성이 없는 기타 객체(예: 날짜)를 구별하려면 유형 검사가 필요합니다.

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

  if (typeof value !== 'object') {
    return false; // boolean, number, string, function, etc.
  }

  const proto = Object.getPrototypeOf(value);

  if (proto !== null && proto !== Object.prototype) {
    return false; // `Object.create(null)` or other objects with custom prototypes
  }

  return isEmpty(value); // check for any own properties
}

방법 4: 타사 사용 라이브러리

많은 인기 JavaScript 라이브러리는 다음과 같이 빈 개체를 확인하는 기능을 제공합니다.

• jQuery: jQuery.isEmptyObject
• lodash: _.isEmpty
• 밑줄: _.isEmpty
• Hoek: Hoek.deepEqual
• ExtJS: Ext.Object.isEmpty
• AngularJS(버전 1):angular.equals

위 내용은 빈 JavaScript 개체를 효과적으로 확인하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!