使用 map 和 reduce 获取对象数组

debugcn 发表于 Dev

乔·萨德

我有一个数组

var c = [{name: 'John'}, {name: 'John'}, {name: 'Tom'}];

我想使用 reduce 方法和 map 来获得以下结果：

result = [
    { name: "John", occurence: 2 },
    { name: "Tom", occurence: 1 }
  ]

这是我尝试过但仍然没有完全得到它的尝试。https://jsfiddle.net/joeSaad/up3ddfzz/

c = [{
  name: 'John'
}, {
  name: 'John'
}, {
  name: 'Simon'
}];

var d = c.reduce((countMap, word) => {
  countMap[word.name] = ++countMap[word.name] || 1;
  return countMap
}, []);

var e = c.reduce((countMap, word) => {
  q = [];
  countMap[word.name] = ++countMap[word.name] || 1;
  var p = {
    name: word.name,
    occurence: countMap[word.name]
  }
  q.push(p);
  return q
}, []);

console.log(e);

非常感谢帮助。提前致谢

谢谢

您肯定在使用 reduce 的正确轨道上，但我会将计算分为两个不同的步骤

let c = [{name: 'John'}, {name: 'John'}, {name: 'Tom'}];

const pairs = o=> Object.keys(o).map(k=> [k, o[k]])

let count = c.reduce((acc, {name}) => {
  if (acc[name] === undefined)
    return Object.assign(acc, { [name]: 1 })
  else
    return Object.assign(acc, { [name]: acc[name] + 1 })
}, {})

var result = pairs(count).map(([name, occurences]) => ({name, occurences}))

console.log(result)
//=> [ { name: 'John', occurences: 2 }, { name: 'Tom', occurences: 1 } ]

您可以将这些行为抽象为这样的不同功能

// convert an object to [[key,value]] pairs
const pairs = o=> Object.keys(o).map(k=> [k, o[k]])

// count unique instances of a property value in an array of objects
const countBy = (prop, xs)=> {
  return xs.reduce((acc, x)=> {
    let y = x[prop]
    if (acc[y] === undefined)
      return Object.assign(acc, { [y]: 1 })
    else
      return Object.assign(acc, { [y]: acc[y] + 1 })
  }, {})
}

// your data
let c = [{name: 'John'}, {name: 'John'}, {name: 'Tom'}]

// then chain it all together
let result = pairs(countBy('name', c)).map(([name, occurences]) => ({name, occurences}))

console.log(result)
//=> [ { name: 'John', occurences: 2 }, { name: 'Tom', occurences: 1 } ]

ES6 还提供了Map非常适合进行此类计算的功能。

这段代码对我来说读起来更好一些，并且在语义上更正确一些。我们之前的代码做了完全相同的事情，只是它使用了一个普通对象。Map是专门为这些key->value数据设计的数据结构，因此让 Map 成为更好的选择。

唯一的问题是，如果您的代码库还没有以某种方式使用 Maps，那么仅仅为此引入它们可能是错误的举动。

// convert a Map to an array of pairs
const mpairs = m=> [...m.entries()]

// countBy this time uses Map
const countBy = (prop, xs)=> {
  return xs.reduce((m, x)=> {
    let y = x[prop]
    if (m.has(y))
      return m.set(y, m.get(y) + 1)
    else
      return m.set(y, 1)
  }, new Map)
}

// your data
let c = [{name: 'John'}, {name: 'John'}, {name: 'Tom'}]

// then chain it all together
let result = mpairs(countBy('name', c)).map(([name, occurences]) => ({name, occurences}))

console.log(result)
//=> [ { name: 'John', occurences: 2 }, { name: 'Tom', occurences: 1 } ]

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。