如何在 JavaScript 中检查对象中是否存在值

Question

我的 Angular 工厂服务中有一个函数可以获取一些数据。使用前如何检查对象内部是否存在某个值？

这是我一直在尝试的......

categories.fetch = function(app){
  if(!app.subject.name.length){
    return false;
  }
  var p = Restangular.all('v1/categories').getList({app.subject.name.toUpperCase()});
}

所以我只想在app.subject.name 调用之前检查app.subject.name 是否有价值...

谢谢

Answer 1

您的代码将检索长度属性的值并尝试将其转换为布尔值以用于if/then 测试，但如果该值恰好是null，则会引发错误。

此外，如果您的测试只是：app.subject.name，如果该值恰好是一个假值，您将得到一个误报，例如 0 或 false，它们都是完全有效的值。

对于字符串，最简单的测试是检查非空字符串和非空字符串。如果该值是由最终用户提供的，最好先在字符串上调用 .trim() 以删除可能无意添加的任何前导或尾随空格。

var myObj = { 
  test : 0,
  testing : null
}


// This will fail with an error when the value is null
/*
if(myObj.testing.length){ 
  console.log("The testing property has a value."); 
} else {
  console.log("The testing property doesn't have a value."); 
}
*/

// This will return a false positive when the value is falsy
if(myObj.test){ 
  console.log("The test property has a value."); 
} else {
  console.log("The test property doesn't have a value."); // <-- Incorretly reports this
}

// This explicit test will pass and fail correctly
if(myObj.testing !== "" && myObj.testing !== null){ 
  console.log("The testing property has a value."); 
} else {
  console.log("The testing property doesn't have a value."); 
}

另外，如果该值存在，请将您的代码放在ifs true 分支中，不要担心return false。

categories.fetch = function(app){
  if(app.subject.name !== "" && app.subject.name !== null) {
    var p = 
      Restangular.all('v1/categories').getList({app.subject.name.toUpperCase()});
  }

Answer 2

hasOwnProperty() 方法返回一个布尔值，指示对象是否具有指定的属性。 MDN Docs

例子

var priceOfFood = {
    pizza: 14,
    burger 10
}

priceOfFood.hasOwnProperty('pizza') // true
priceOfFood['pizza'] // 14
priceOfFood.hasOwnProperty('chips') // false
priceOfFood['chips'] // undefined

Answer 3

我知道这个问题不是关于 Lodash 的，但我设法用它做了很多检查，它完美地工作。在你的情况下，它会是这样的：

categories.fetch = function(app){
  if (_.isEmpty(app.subject.name)) {
   return false;
  }
 var p = Restangular.all('v1/categories').getList({app.subject.name.toUpperCase()});
}

如果您认为应用对象中的键可能不可用，您可以这样做：

categories.fetch = function(app){
  if (_.isEmpty(_.get(app, "subject.name"))) {
   return false;
  }
 var p = Restangular.all('v1/categories').getList({app.subject.name.toUpperCase()});
}

或者简单地说：

categories.fetch = function(app){
  if (!_.get(app, "subject.name")) {
   return false;
  }
 var p = Restangular.all('v1/categories').getList({app.subject.name.toUpperCase()});
}

Answer 4

就这么简单：

if(!app.subject.name){
        return ;
    }