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

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

reduce ecmascript-6 json arrays javascript

ak85 · 技术社区 · 7 年前

当我使用 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 回复 | 直到 7 年前

castletheperson 7 年前

您可以使用 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 7 年前

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

推荐文章

PeptideWitch · Kotlin ArrayList<哈希集<数据类>>。reduce函数不使用ArrayList的子集

6 年前

Sockness_Rogers · 获取多个数组中给定索引处所有元素的平均值

6 年前

Dmitry Dmitriev · Ruby,无法解释的reduce行为

6 年前

whok mok · 使用reduce()时将字符串转换为Int

6 年前

AVIK DUTTA · Spark map作业异常:对象不可序列化

6 年前

bax · Javascript reduce不断返回未定义的

6 年前

Ossama · 在PIL中调整调整大小的PNG图像的质量

6 年前

RAQ · Scala ReduceLeft的行为

6 年前

Radu Ionescu · 使用接口的Stream reduce操作

7 年前

Sameer · 是否使用javascript替换某些对象和数组?

7 年前