如何检查 object 是否为空？

Question

我正在学习 JavaScript。 我无法理解空 object 的概念。 据我了解，在某些情况下，我需要检查变量是否包含 object 并具有值。

到目前为止，我知道一个变量可以是undefined 。

var car; // the value is undefined, as well as the type (which is it? number, array, etc.)

我也知道，所有有价值的东西都是真的：

var car = "Opel";
Boolean(car); // true 

任何没有值的东西都是假的：

var car = ""; // typeof string, but it is empty, so
Boolean(car); // false
Boolean(null); // false 

那么为什么它与 arrays 和对象的工作方式不同呢？ 为什么这一切都是真的？ 不应该清空 arrays 并且对象返回false吗？

var car = {make: "Opel", year: 2015};
Boolean(car); // true
car = {};
Boolean(car); // true
car = ["BMW", "Opel"]; 
Boolean(car); // true
car = [];
Boolean(car); // true

现在我看到有一些方法可以用来检查对象的长度，但我还没有达到那个部分。

我正在 W3Schools 网站上学习，这让我很困惑：

但是您无法测试 object 是否为 null，因为如果 object 未定义，这将引发错误：

不正确：

if (myObj === null) 

要解决此问题，您必须测试 object 是否不是 null，并且不是未定义的。

但这仍然会引发错误：

不正确：

if (myObj !== null && typeof myObj !== "undefined")

因此，您必须先测试 not undefined，然后才能测试 not null：

正确的：

if (typeof myObj !== "undefined" && myObj !== null)

我仍然无法理解这里的最后一行。

Answer 1

检查object 是否为空：

Object.keys(yourObject).length

Answer 2

var car = {};
var isEmpty = Object.entries(car).length > 0; //false

var car = {make: "Opel", year: 2015};
var isEmpty = Object.entries(car).length > 0; //true

这应该可以解决您的问题，如果您对实用程序 function Object.entries 感到好奇，您可以查看mdn

Answer 3

您可以通过这种简单的方式检查 object 是否为空。

function objectLength( object ) {
    return Object.keys(object).length;
}

if(objectLength(yourObject) == 0){ 
    //object is empty
}else{
    //object not empty 
}

Answer 4

我总是使用typeof myvar !== 'undefined'并检查内容myvar !== ''这总是会有一个明确的结果。

Answer 5

JavaScript 中有一些概念是真值和假值。 我强烈建议您阅读有关此问题的 MDN 文档。

所有值都是真值，除非它们被定义为假（即，除了假、0、-0、0n、“”、null、未定义和 NaN）。

真实的价值观

虚假值

Answer 6

不，它们不应该是假的。

所有对象都是“真实的”，因为它们在评估为 Boolean 时返回 true。 在 Javascript 中，所有 arrays 都是对象（试试console.log(typeof []) ），所以它们也返回 true，不管它们是否为空。

要检查任何数组是否为空：

if (MYARRAY.length === 0) {
  // console.log(true);
}

检查 object 是否为空：

if (Object.keys(MYOBJECT).length === 0) {
  // console.log(true);
}

Answer 7

您可以使用

  if ($('#element').is(':empty')){
  //do something
  }

或者

function isEmpty( el ){
      return !$.trim(el.html())
  }
  if (isEmpty($('#element'))) {
      // do something
  }

以下是一些示例： http://api.jquery.com/is/

但如果你在 JavaScript 中需要它：

if( typeof foo !== 'undefined' ) {
    // foo could get resolved and it's defined
}

您可以简单地使用 typeof

Answer 8

我也知道，一切有价值的东西都是真的

我不会这么说的。 给出的所有示例都是值，甚至是undefined的， null是 JavaScript 中的预定义值。

不应该清空 arrays 并且对象返回 false 吗？

规范就是这样。 这确实是您问题的答案。 这是语言设计者做出的选择。

不过，您可以从中找到一些逻辑。 在 JavaScript 中，表示对象（以及数组）的值是引用。 这些引用是 memory 地址/指针，尽管您无法找出这些地址到底是什么，但即使 object 没有属性，这些地址也不为零。

请注意，您的示例对象（ {}和[] ）仍然具有一些不可枚举的属性，例如__proto__和（对于数组） length ，因此它们并不像您想象的那么空。

可以创建的最空的 object 是： Object.create(null)

Answer 9

检查 object 是否为空：

Reflect.ownKeys(car).length

当Symbol用作键时，返回一个包含一个元素的数组：

let key = Symbol('vin')
let car = { [key]: 'honda' }
Reflect.ownKeys(car).length // => 1

而Object.keys在这种情况下返回一个元素为零的数组：

let key = Symbol('vin')
let car = { [key]: 'honda' }
Object.keys(car).length // => 0