遍历对象数组并检查它是否具有给定属性或不使用 typescript 或 javascript

Question

在我的 Angular 6 应用程序中，我有以下从后端检索的 json 对象。"participants": [{        "dateJoin": 1520409578,        "dateLeft": 0,        "firstName": "edh",        "internalId": 165,        "invitedBy": "edh",        "lastName": "edh",        "userId": "edh",        "key":"data"    }, {        "dateJoin": 1520409578,        "dateLeft": 0,        "firstName": "",        "internalId": 166,        "invitedBy": "edh",        "lastName": "",        "userId": "ATB"    }],    "dataInAB": "ATB",    "subject": "test ",    "unreadMessageCount": 0,    "updateDate": 1520585258,    "updatedBy": "atb"}在上面的对象数组中，我想知道它是否具有名为 key 的属性？如果不是，它将检查另一个对象并使用打字稿检查它。密钥的位置可以存在于任何参与者的对象中。如果它存在于任何地方，则返回它的值。我知道使用 hasOwnProperty 但我不确定它是否会遍历所有对象？谢谢

Answer 1

试试这样：

getValueOfKey() {

    for (var obj of this.data.participants) {

      if(obj.hasOwnProperty('key')){

         return obj.key;

      }

    }

}

Answer 2

如果要检查数组是否具有具有key属性的对象，请使用some方法。如果要获取数组中具有key属性的所有对象，请使用filter方法：

const arr = [{

    "dateJoin": 1520409578,

    "dateLeft": 0,

    "firstName": "edh",

    "internalId": 165,

    "invitedBy": "edh",

    "lastName": "edh",

    "userId": "edh",

    "key": "data"

}, 

{

    "dateJoin": 1520409578,

    "dateLeft": 0,

    "firstName": "",

    "internalId": 166,

    "invitedBy": "edh",

    "lastName": "",

    "userId": "ATB"

}];

const hasKey= arr.some(s => s.key);

console.log(`hasKey: ${hasKey}`);

const objectsWithKeyProperties = arr.filter(f => f.key);

console.log(`objectsWithKeyProperties :`, objectsWithKeyProperties);

Answer 3

您可以使用过滤器Array.prototype.filter()从与您的过滤器匹配的数组中检索所有元素。

该函数接受一个回调函数作为必须返回true以保留元素或false删除元素的参数。该函数返回一个包含与过滤器匹配的所有元素的新数组：

const result = [1, 2, 3, 4, 5].filter((num) => num > 3);

// result will look like this: [4, 5]

对于您的问题，您将检查所需的属性是否为undefined：

participants.filter((participant) => participant.key !== undefined);

此函数将返回一个新数组，其中包含所有具有名为key的属性的对象。

我们可以使用一些 Javascript 魔法来缩短事件并省略!== undefined检查，因为在一个if条件下，undefined等于 false 并且任何其他结果（除了 boolean false）等于true：

participants.filter((participant) => participant.key);

片段：

console.log([1, 2, 3, 4, 5].filter((num) => num > 3));

const participants = [

  {name: "John", key: "zero"},

  {name: "Prince"}

];

console.log(participants.filter((participant) => participant.key));