检查jquery的对象中是否存在键

Question

我有一个开发的下面的代码，

var list = [];
// read data from api

$.each(data.samples, function(k, v) {
  if (!list.hasOwnProperty(v.key) 
    list.push({
      'key': v.key,
      'title': v.title.
      'sent': false
    }); 

console.log(list);

更新（来自 API 的样本数据）

var obj ={
    "expand": "schema,names",
    "startAt": 0,
    "maxResults": 50,
    "total": 4,
    "samples": [
        {
            "key": "s-111",
            "title": {
                "summary": "title 1"
            }
        },
        {
            "key": "s-112",
            "title": {
                "summary": "title 2"
            }
        },
        {
            "key": "s-113",
            "title": {
                "summary": "title 3"
            }
        },
        {
            "key": "s-114",
            "title": {
                "summary": "title 3"
            }
        }
    ]
}

还有一些必要的嵌套键值，我也不需要它。 但是我只需要检查新密钥是否不存在将新密钥添加到我的列表中，同时 API 每 2 分钟更新一次

Answer 1

一个问题是您正在检查对象的属性而不是对象的值，其中v.key 未设置为推送到list 数组的任何对象的属性。

您可以使用.some() 迭代数组中的对象，以通过返回o.key === v.key 来检查数组中的任何对象是否具有v.key 值，因为v.key 设置为@987654327 的值推入数组的对象的@属性。

var obj = {
  "expand": "schema,names",
  "startAt": 0,
  "maxResults": 50,
  "total": 4,
  "samples": [{
      "key": "s-111",
      "title": {
        "summary": "title 1"
      }
    },
    {
      "key": "s-112",
      "title": {
        "summary": "title 2"
      }
    },
    {
      "key": "s-113",
      "title": {
        "summary": "title 3"
      }
    },
    {
      "key": "s-114",
      "title": {
        "summary": "title 3"
      }
    },
    // duplicate entry to exclude
    {
      "key": "s-114",
      "title": {
        "summary": "title 3"
      }
    }
  ]
}

var list = [];
// read data from api

$.each(obj.samples, function(k, v) {
  if (!list.some(function(o) {
      return o.key === v.key
    }))
    list.push({
      "key": v.key,
      "title": v.title,
      "sent": false
    });
});

console.log(list);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

我不完全确定您要问的是什么，但据我了解，如果来自 data.samples 的键尚未出现在列表中，您想要做的是将该对象添加到您的列表中？

在上述情况下，您想要做的是这样的：

var list = [];
// read data from API

// Note Key, Value change
$.each(data.samples, function(key, value) {
    if (!list.includes(key)) {
        list.push({
            'key': v.key,
            title: v.title,
            'sent': false
        }); 
    }
}
console.log(list);

由于我现在没有测试这个的环境，所以我不能告诉你这是否适合你的目的。

但是，如果您尝试基于不在列表中的 key 进行添加，您将需要使用key 参数，（not 参数的v.key 值）根据JQuery Docs。

虽然您可以使用hasOwnProperty(...) 方法，但我建议您使用更特定于数组的includes(...) 方法。文档可以在here找到。

同样，您可能需要进行一些额外的故障排除和劝说才能使其适用于您的特定应用程序。

祝你好运&&希望这会有所帮助！