JavaScript 将两个 arrays 合并为一个 object

Question

我有两个 arrays， slicesRank和slicesCount ，结构如下。 每个元素都有 id 和 value，它是一个 46 个数组。 values 由 date 和 measure 组成。

例如sliceRank[0] : {id: Catan=rank, values(Array(46)): {date, measurement} }

例如sliceCount[0] : {id: Catan=count, values(Array(46)): {date, measurement} }

如果我想在 id 名称中组合具有相同前缀的元素，我应该怎么做。 例如，这两个 arrays 中的第一个元素。

所需的结构是{id: Catan, values(Array(46)): {date, count, rank} }

我尝试了以下方法，但values显示未定义。

    for(i=0; i<slicesRank.length; i++) {
        var newElement = {};
        newElement['id'] = slicesRank[i].id.replace('=rank', '');
        newElement['values'] = {
          date: slicesRank[i].date,
          rank: slicesRank[i].measurement,
          count: slicesCount[i].measurement
        };
        sliceNew.push(newElement);
    };

slicesRank的结构是这样的：

Answer 1

切片我认为你的意思是Array 。

const combinedArray = sliceRank.map((sliceItem, itemIndex) => {
    return {
        id,
        values: sliceItem.values.map(({ date, measurement }, valueIndex) => ({
            date,
            count: sliceCount[itemIndex][valueIndex].measurement,
            rank: measurement,
        }))
    }
})

此解决方案返回使用sliceRank和sliceCount组合的对象数组。 所以现在每个数组项现在都包含结构{ date, count, rank }的values 。 Array.map是不可变的，因此两个切片将相同。

Answer 2

这是您可以尝试的示例转换：

const combined = slicesRank.map((rank) => {
  const id = rank.id.replace("=rank", "");
  const count = slicesCount.find(
    (count) => count.id.replace("=count", "") === id
  );
  return {
    id,
    values: rank.values.map((val, index) => ({
      date: val.date,
      rank: val.measurement,
      count: count?.values[index].measurement
    }))
  };
});

这是一个工作示例https://codesandbox.io/s/awesome-lovelace-e31zj?file=/src/index.js

Answer 3

你可以试试这个。

 let sliceRank=[{id: "Catan=rank", values: [{"date":"10/10/2020", "measurement":120} ]}]; let sliceCount=[{id: "Catan=count", values:[{"date":"10/10/2020", "measurement":20} ] }]; let newData=[]; const data = sliceRank.map((slice, sliceIndex) => { return { id:slice.id.split("=")[0], values: slice.values.map(({ date, measurement }, valueIndex) => ({ date, rank: measurement, count: sliceCount[sliceIndex].values.map(r=> r.measurement)[0], })) } }) console.log(data);