你可能不知道的Array.reduce()骚操作

前言

Array.reduce()大法好啊,今日偶的一法,和大家共享一下.

Array.reduce()使用

使用情景:后端大哥的数据返回数字,每个数字代表不同信息,我们需要将对应信息渲染到页面上.

  var hireType = [
  { id: 1, value: '正式' },
  { id: 2, value: '非正式' }
  ]
  
// 方法一:
let newObj = {}

hireType.forEach(item => {
 newObj[item.id] = item.value
})

结果:{1: '正式', 2: '非正式'}
// 方法二:

const newObj = hireType.reduce((acc, item) => { return { ...acc, [item.id]: item.value } }, {})

结果:{1: '正式', 2: '非正式'}
// 另一种写法:

const newObj = hireType.reduce((acc, cur) => (acc[cur.id] = cur.value, acc), {})
// 等价于const newObj = hireType.reduce((acc, cur) => {
// acc[cur.id] = cur.value
// return acc
// }, {})


解析:
var a=1,b=2
var c=a,b //c的值为1
var c=(a,b) //c的值为2,先执行a,再执行b,最终以b的值为准

最后

希望整理的信息对您有所帮助,喜欢的话请帮忙点赞

如果有什么建议,欢迎在评论区留言

不足之处还请批评指教,谢谢!