代码之家 › 专栏 › 技术社区 › ak85

es6 Array Reduce处理第一个被减少的项

reduce ecmascript-6 json arrays javascript

ak85 · 技术社区 · 8 年前

当我使用 groupByIDErr obj[item[key]] is not iterable 所以为了让它工作,我使用 groupByID 具有未定义检查的函数,如下所示。

array reduce有更好的处理方法吗?对于我提供的示例,我在这里所做的很好,但当我必须减少更复杂的数组时,我发现很难维护。

function groupByIDErr(arr,key){
  return arr.reduce((obj, item) => {
    return {
      ...obj,
      [item[key]]: [
        ...obj[item[key]],
        item
      ]
    }
  }, {})
}

function groupByID(arr,key){
  return arr.reduce((obj, item) => {
    return {
      ...obj,
      [item[key]]: obj[item[key]] !== undefined ? [
        ...obj[item[key]],
        item
      ]:[item]
    }
  }, {})
}

const people = [
  {gender:'male', name: 'Tom'},
  {gender:'male', name: 'Richard'},
  {gender:'male', name: 'Harry'},
  {gender:'female', name: 'Sarah'},
  {gender:'female', name: 'Kate'}
]

console.log(groupByID(people,'gender'))

2 回复 | 直到 8 年前

castletheperson 8 年前

您可以使用 obj[item[key]] || [] 为了使其在以下情况下使用空数组: obj[item[key]] undefined (自 未定义 是falsy)。

function groupByID(arr, key) {
  return arr.reduce((obj, item) => {
    return {
      ...obj,
      [item[key]]: [
        ...obj[item[key]] || [],
        item
      ]
    };
  }, {});
}

const people = [
  { gender: 'male', name: 'Tom' },
  { gender: 'male', name: 'Richard' },
  { gender: 'male', name: 'Harry' },
  { gender: 'female', name: 'Sarah' },
  { gender: 'female', name: 'Kate' }
];

console.log(groupByID(people, 'gender'));

.as-console-wrapper { min-height: 100%; }

user8335505 8 年前

函数recurCheck(您的数组,键){ recurCheck(newArray,key) //其他在此处添加reduce函数并返回 }

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

9 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

9 月前

Alex · 在轻量级中同时解构和不解构变量

9 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

9 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

9 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

9 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

9 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

10 月前

user3472810 · Angular@Output/EventEmitter返回undefined

10 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

10 月前