如何从JavaScript对象数组中获得不同的值?

假设我有以下内容:

var array = 
    [
        {"name":"Joe", "age":17}, 
        {"name":"Bob", "age":17}, 
        {"name":"Carl", "age": 35}
    ]

获得所有不同年龄的数组的最佳方法是什么，这样我就得到了一个结果数组:

[17, 35]

是否有一些方法，我可以选择结构数据或更好的方法，这样我就不必遍历每个数组检查“年龄”的值，并检查另一个数组是否存在，如果没有添加它?

如果有某种方法可以让我不用迭代就能得到不同的年龄……

目前效率低下的方式，我想改进…如果它的意思不是“数组”是一个对象的数组，而是一个对象的“映射”与一些唯一的键(即。"1,2,3")也可以。我只是在寻找最高效的方式。

以下是我目前的做法，但对我来说，迭代似乎只是为了提高效率，即使它确实有效……

var distinct = []
for (var i = 0; i < array.length; i++)
   if (array[i].age not in distinct)
      distinct.push(array[i].age)

当前回答

使用新的Ecma功能很棒，但并不是所有用户都有这些功能。

下面的代码将附加一个名为distinct的新函数到Global Array对象。如果您试图获取对象数组的不同值，则可以传递值的名称以获取该类型的不同值。

Array.prototype.distinct = function(item){   var results = [];
for (var i = 0, l = this.length; i < l; i++)
    if (!item){
        if (results.indexOf(this[i]) === -1)
            results.push(this[i]);
        } else {
        if (results.indexOf(this[i][item]) === -1)
            results.push(this[i][item]);
    }
return results;};

请查看我在CodePen中发布的演示。

2017-03-28 17:59:50

其他回答

如果你想从一个已知唯一对象属性的数组中过滤掉重复值，你可以使用下面的代码片段:

let arr = [
  { "name": "Joe", "age": 17 },
  { "name": "Bob", "age": 17 },
  { "name": "Carl", "age": 35 },
  { "name": "Carl", "age": 35 }
];

let uniqueValues = [...arr.reduce((map, val) => {
    if (!map.has(val.name)) {
        map.set(val.name, val);
    }
    return map;
}, new Map()).values()]

2019-09-21 17:43:01

如果你有Array.prototype.includes或者愿意对它进行polyfill，这是可行的:

var ages = []; array.forEach(function(x) { if (!ages.includes(x.age)) ages.push(x.age); });

2015-05-20 23:13:22

unique(obj, prop) {
    let result = [];
    let seen = new Set();

    Object.keys(obj)
        .forEach((key) => {
            let value = obj[key];

            let test = !prop
                ? value
                : value[prop];

            !seen.has(test)
                && seen.add(test)
                && result.push(value);
        });

    return result;
}

2017-10-10 22:48:56

对于那些想要返回所有属性由键唯一的对象

Const数组= ［ {"name": "Joe"， "age": 17}， {"name": "Bob"， "age": 17}， {"name": "Carl"， "age": 35} ］ Const key = 'age'; const arrayUniqueByKey =[…]新地图(数组。地图(项= > (项目(关键),项目))). values ()]; console.log (arrayUniqueByKey); / *输出［ {"name": "Bob"， "age": 17}， {"name": "Carl"， "age": 35} ］ * / //注意:这将选择列表中最后一个重复的项。

2019-10-17 09:52:51

我知道这是一个老问题，相对来说回答得很好，我给出的答案将得到完整的对象(我在这篇文章的许多评论中看到了建议)。它可能“俗气”，但就可读性而言，它似乎比许多其他解决方案干净得多(尽管效率较低)。

这将返回数组中完整对象的唯一数组。

let productIds = data.map(d => { 
   return JSON.stringify({ 
      id    : d.sku.product.productId,
      name  : d.sku.product.name,
      price : `${d.sku.product.price.currency} ${(d.sku.product.price.gross / d.sku.product.price.divisor).toFixed(2)}`
   })
})
productIds = [ ...new Set(productIds)].map(d => JSON.parse(d))```

2019-07-14 08:40:06

如何从JavaScript对象数组中获得不同的值?

推荐文章

最新文章

标签