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

当前回答

现在我们可以在相同的键和相同的值的基础上唯一对象

 const arr = [{"name":"Joe", "age":17},{"name":"Bob", "age":17}, {"name":"Carl", "age": 35},{"name":"Joe", "age":17}]
    let unique = []
     for (let char of arr) {
     let check = unique.find(e=> JSON.stringify(e) == JSON.stringify(char))
     if(!check) {
     unique.push(char)
     }
     }
    console.log(unique)

/ / / /输出:::[{名称:“乔”,年龄:17},{名称:“Bob”,年龄:17},{名称:“卡尔”,年龄:35}]

2022-03-21 17:54:48

其他回答

Var数组= ［ {" name ":“乔”,“年龄”:17}, {" name ":“鲍勃”、“年龄”:17}, {"name":"Carl"， "age": 35} ］ console.log(种(array.reduce ((r,{时代})= > (r[时代]= ",r), {})))

输出:

Array ["17", "35"]

2021-07-16 18:05:28

使用d3.js v3:

  ages = d3.set(
    array.map(function (d) { return d.age; })
  ).values();

2017-07-26 11:52:19

这里有另一种解决方法:

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

Const数组= [{ “名称”:“乔”, “年龄”:17 }，｛ “名称”:“鲍勃”, “年龄”:17 }，｛ “名称”:“卡尔”, “年龄”:35 ｝］ const uniqueArrayByProperty = (array, callback) => { 返回数组中。Reduce ((prev, item) => { Const v =回调(项目); If (! prew .includes(v)) 返回上一页 },[]) ｝ console.log(uniqueArrayByProperty(array, it => .age));

2021-05-17 14:09:07

@travis-j的forEach版本的答案(对现代浏览器和Node JS世界很有帮助):

var unique = {};
var distinct = [];
array.forEach(function (x) {
  if (!unique[x.age]) {
    distinct.push(x.age);
    unique[x.age] = true;
  }
});

Chrome v29.0.1547更快34%:http://jsperf.com/filter-versus-dictionary/3

和一个通用的解决方案，需要一个mapper函数(略慢于直接映射，但这是预期的):

function uniqueBy(arr, fn) {
  var unique = {};
  var distinct = [];
  arr.forEach(function (x) {
    var key = fn(x);
    if (!unique[key]) {
      distinct.push(key);
      unique[key] = true;
    }
  });
  return distinct;
}

// usage
uniqueBy(array, function(x){return x.age;}); // outputs [17, 35]

2013-09-20 18:28:17

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

推荐文章

最新文章

标签