Question

使用未知元素列表获取多维数组并将其分组到对象中以删除子数组第一个元素中重复值的最佳方法是什么：

例如，我想转此：

const arr = [[a, 1, 4], [b, 3, 4], [c, 1, 7], [a, 2, 5], [c, 3, 5]]

进入这个：

arrResult = {a:[[1, 4],[2, 5]], b:[[3, 4]], c:[[1, 7],[3, 5]]}

我考虑过对它进行排序，然后将其拆分或运行某种减少操作，但无法弄清楚如何完成它。

Answer 1

您只需要使用reduce（和切片），无需排序或拆分

＆＃13;

var arr = [['a', 1, 4], ['b', 3, 4], ['c', 1, 7], ['a', 2, 5], ['c', 3, 5]];
var arrResult = arr.reduce((result, item) => {
    var obj = result[item[0]] = result[item[0]] || [];
    obj.push(item.slice(1));
    return result;
}, {});
console.log(JSON.stringify(arrResult));

＆＃13;

Answer 2

您可以像这样使用reduce：

const arr = [["a", 1, 4], ["b", 3, 4], ["c", 1, 7], ["a", 2, 5], ["c", 3, 5]];

var result = arr.reduce((obj, sub) => {
  var key = sub[0];                         // key is the first item of the sub-array
  if(obj[key]) obj[key].push(sub.slice(1)); // if the there is already an array for that key then push this sub-array (sliced from the index 1) to it
  else obj[key] = [sub.slice(1)];           // otherwise create a new array that initially contain the sliced sub-array
  return obj;
}, {});

console.log(result);

Answer 3

您可以像这样使用reduce和destructuring：

const arr = [['a', 1, 4],['b', 3, 4],['c', 1, 7],['a', 2, 5],['c', 3, 5]]

function sub(arr) {

  return arr.reduce((obj, [key, ...value]) => {

    obj[key] ? obj[key].push(value) : obj[key] = [value]

    return obj

  }, {})

}

console.log(sub(arr));

Answer 4

我更喜欢这个解决方案，因为它抽象了整理，但允许您使用高阶函数控制项目的整理方式。

请注意我们如何在collateBy函数中谈论数据的类型或结构 - 这使我们的函数保持通用，并允许它处理任何形状的数据。

＆＃13;

// generic collation procedure
const collateBy = f => g => xs => {
  return xs.reduce((m,x) => {
    let v = f(x)
    return m.set(v, g(m.get(v), x))
  }, new Map())
}

// generic head/tail functions
const head = ([x,...xs]) => x
const tail = ([x,...xs]) => xs

// collate by first element in an array
const collateByFirst = collateBy (head)

// your custom function, using the collateByFirst collator
// this works much like Array.prototype.reduce
// the first argument is your accumulator, the second argument is your array value
// note the acc=[] seed value used for the initial empty collation
const foo = collateByFirst ((acc=[], xs) => [...acc, tail(xs)])

const arr = [['a', 1, 4], ['b', 3, 4], ['c', 1, 7], ['a', 2, 5], ['c', 3, 5]]

let collation = foo(arr);
console.log(collation.get('a')) // [ [1,4], [2,5] ]
console.log(collation.get('b')) // [ [3,4] ]
console.log(collation.get('c')) // [ [1,7], [3,5] ]

＆＃13;

当然，如果你不想给中间函数命名，你可以把它全部写成一行

let collation = collateBy (head) ((acc=[], xs) => [...acc, tail(xs)]) (arr)
console.log(collation.get('a')) // [ [1,4], [2,5] ]

最后，如果您想要该对象，只需将Map类型转换为对象

即可

let obj = Array.from(collation).reduce((acc, [k,v]) =>
  Object.assign(acc, { [k]: v }), {})

console.log(obj)
// { a: [ [1,4], [2,5] ],
//   b: [ [3,4] ],
//   c: [ [1,7], [3,5] ] }

高阶函数演示了collateBy这样的通用程序的强大功能。这是另一个使用完全相同的collateBy程序但执行非常不同的排序规则的示例

＆＃13;

const collateBy = f => g => xs => {
  return xs.reduce((m,x) => {
    let v = f(x)
    return m.set(v, g(m.get(v), x))
  }, new Map())
}

const collateEvenOdd = collateBy (x => x % 2 === 0 ? 'even' : 'odd')

const sumEvenOdd = collateEvenOdd ((a=0, b) => a + b)

let data = [2,3,4,5,6,7]
let collation = sumEvenOdd (data)
let even = collation.get('even')
let odd = collation.get('odd')

console.log('even sum', even) // 2 + 4 + 6 === 12
console.log('odd sum', odd)   // 3 + 5 + 7 === 15

＆＃13;

如何将数组转换为对象，其名称是数组中的第一个值，属性是子数组的数组？

4 个答案: