使用reduce处理数据

一溪风月2024-04-06 11:36

一.reduce的使用方法

😆reduce方法需要传递两个参数一个参数是回调函数，另外一个参数是初始值，回调函数接收四个值分别是，accumulator累计值，currentValue当前值，currentIndex当前索引值，array原始数组，回调函数的返回值作为下次累计的初始值，使用方法如下：

js 复制代码

array.reduce((accumulator,currentValue,currentIndex,array)=>{
  return updatedAccumulator
},initialValue)

二.开发真实案例

🐸如下原数据，将这个原数据使用reduce处理成新的数据，并且只能使用reduce，不能使用其他函数访问。

js 复制代码

const data = [
  {
    "zscp1": {
      "zscpFlag": true,
      "zscpFs": "90"
    }
  },
  {
    "zscp2": {
      "zscpFlag": true,
      "zscpFs": "100"
    }
  },
  {
    "zscp3": {
      "zscpFlag": false,
      "zscpFs": ""
    }
  }
];

🦉处理后的数据格式：

js 复制代码

{
  "zscp1": {
    "zscpFlag": true,
      "zscpFs": "90"
  },
  "zscp2": {
    "zscpFlag": true,
      "zscpFs": "100"
  },
  "zscp3": {
    "zscpFlag": false,
      "zscpFs": ""
  }
}

🤡处理代码：

js 复制代码

this.csfsInfo = res.reduce((acc, cur) => {
  let key = Object.keys(cur)[0];
  let value = cur[key];
  return { ...acc, ...{ [key]: value } };
}, {});