如何从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)

当前回答

你可以使用lodash来写一段不那么冗长的代码

方法1:嵌套方法

    let array = 
        [
            {"name":"Joe", "age":17}, 
            {"name":"Bob", "age":17}, 
            {"name":"Carl", "age": 35}
        ]
    let result = _.uniq(_.map(array,item=>item.age))

方法二:方法链式或级联式

    let array = 
        [
            {"name":"Joe", "age":17}, 
            {"name":"Bob", "age":17}, 
            {"name":"Carl", "age": 35}
        ]
    let result = _.chain(array).map(item=>item.age).uniq().value()

您可以从https://lodash.com/docs/4.17.15#uniq阅读有关lodash的uniq()方法

2019-11-13 07:46:17

其他回答

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

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

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

如果这是PHP，我会建立一个数组的键和array_keys在最后，但JS没有这样的奢侈。相反，试试这个:

var flags = [], output = [], l = array.length, i;
for( i=0; i<l; i++) {
    if( flags[array[i].age]) continue;
    flags[array[i].age] = true;
    output.push(array[i].age);
}

2013-02-28 01:36:10

如果你想返回一个唯一的对象列表。下面是另一种选择:

const unique = (arr, encoder=JSON.stringify, decoder=JSON.parse) =>
  [...new Set(arr.map(item => encoder(item)))].map(item => decoder(item));

这将使这个:

unique([{"name": "john"}, {"name": "sarah"}, {"name": "john"}])

into

[{"name": "john"}, {"name": "sarah"}]

这里的技巧是，我们首先使用JSON将项目编码为字符串。然后我们将其转换为一个Set(使字符串列表唯一)，然后我们使用JSON.parse将其转换回原始对象。

2020-07-07 13:54:05

我认为你正在寻找groupBy函数(使用Lodash)

_personsList = [{"name":"Joe", "age":17}, 
                {"name":"Bob", "age":17}, 
                {"name":"Carl", "age": 35}];
_uniqAgeList = _.groupBy(_personsList,"age");
_uniqAges = Object.keys(_uniqAgeList);

产生的结果:

17,35

jsFiddle demo：http：//jsfiddle.net/4J2SX/201/

2017-05-10 12:16:16

已经有许多有效的答案，但我想添加一个只使用reduce()方法的答案，因为它干净而简单。

function uniqueBy(arr, prop){
  return arr.reduce((a, d) => {
    if (!a.includes(d[prop])) { a.push(d[prop]); }
    return a;
  }, []);
}

像这样使用它:

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

var ages = uniqueBy(array, "age");
console.log(ages); // [17, 35]

2018-08-02 13:39:58

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

推荐文章

最新文章

标签