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

当前回答

我对这个函数的看法是:

var result = [];
for (var len = array.length, i = 0; i < len; ++i) {
  var age = array[i].age;
  if (result.indexOf(age) > -1) continue;
  result.push(age);
}

你可以在这里看到结果(方法8) http://jsperf.com/distinct-values-from-array/3

2015-03-31 13:17:27

其他回答

Var数组= [ {" name ":“乔”,“年龄”:17}, {" name ":“鲍勃”、“年龄”:17}, {"name":"Carl"， "age": 35} ]; Const ages =[…]新设置(数组。Reduce ((a, c) =>[…]A, c.age]， []))]; console.log(年龄);

2021-04-12 01:57:58

刚找到这个，我觉得很有用

_.map(_.indexBy(records, '_id'), function(obj){return obj})

还是用下划线，如果你有一个这样的对象

var records = [{_id:1,name:'one', _id:2,name:'two', _id:1,name:'one'}]

它只会给你唯一的对象。

这里发生的是indexBy返回一个像这样的映射

{ 1:{_id:1,name:'one'}, 2:{_id:2,name:'two'} }

因为它是一个映射，所有的键都是唯一的。

然后我把这个列表映射回数组。

如果你只需要不同的值

_.map(_.indexBy(records, '_id'), function(obj,key){return key})

请记住，键是作为字符串返回的，因此，如果您需要整数，您应该这样做

_.map(_.indexBy(records, '_id'), function(obj,key){return parseInt(key)})

2014-07-23 12:10:31

这里有另一种解决方法:

var result = {};
for(var i in array) {
    result[array[i].age] = null;
}

result = Object.keys(result);

result = Object.values(result);

我不知道这个解决方案与其他解决方案相比有多快，但我喜欢更干净的外观。:-)

编辑:好吧，上面的似乎是最慢的解决方案。

我在这里创建了一个性能测试用例:http://jsperf.com/distinct-values-from-array

我没有测试年龄(整数)，而是选择比较名称(字符串)。

方法1 (TS的解决方案)非常快。有趣的是，Method 7比所有其他解决方案都好，这里我只是摆脱了.indexOf()，并使用了它的“手动”实现，避免了循环函数调用:

var result = [];
loop1: for (var i = 0; i < array.length; i++) {
    var name = array[i].name;
    for (var i2 = 0; i2 < result.length; i2++) {
        if (result[i2] == name) {
            continue loop1;
        }
    }
    result.push(name);
}

使用Safari和Firefox在性能上的差异是惊人的，似乎Chrome在优化方面做得最好。

我不太确定为什么上面的片段比其他片段快，也许比我更聪明的人有答案。:-)

2015-02-13 17:47:46

假设我们有这样的数据，arr=[{id:1，年龄:17}，{id:2，年龄:19}…]，那么我们就能找到像这样独特的物体

function getUniqueObjects(ObjectArray) {
    let uniqueIds = new Set();
    const list = [...new Set(ObjectArray.filter(obj => {
        if (!uniqueIds.has(obj.id)) {
            uniqueIds.add(obj.id);
            return obj;
        }
    }))];

    return list;
}

点击这里查看代码依赖链接

2021-02-13 12:30:49

如果你想迭代唯一的项目，使用这个: (更灵活的https://stackoverflow.com/a/58429784/12496886版本)

Const数组= [ {" name ":“乔”,“年龄”:17}, {" name ":“鲍勃”、“年龄”:17}, {"name":"Carl"， "age": 35}， ]; const uniqBy = (arr, selector = (item) => item) => { const map = new map (); arr.forEach((item) => { Const道具=选择器(item); If (!map.has(prop))映射。集(道具、物品); })；返回[…map.values ()); ｝ const uniqItems = uniqBy(array， (item) => item.age); console.log('uniqItems: '， uniqItems);

如果你只需要唯一的值，使用这个: (为完整起见，https://stackoverflow.com/a/35092559/12496886副本)

Const数组= [ {" name ":“乔”,“年龄”:17}, {" name ":“鲍勃”、“年龄”:17}, {"name":"Carl"， "age": 35}， ]; Const uniq = (items) =>[…]新组(项目)]; const uniqAges = uniq(array.map((item) => item.age)); console.log('uniqAges: '， uniqAges);

2022-08-17 11:48:05

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

推荐文章

最新文章

标签