js/react方法学习

前言：最近看一个react工程，发现好多预发都不会，看代码如同雾里看花。

const str = 'hello'
const newstr = str.split('').reduce(function (prev, current) {
    const obj = {};
    obj[current] = current;
    prev.push(obj)
    return prev;
},  ['ab'])
console.log(newstr)

打印结果： ['ab', {…}, {…}, {…}, {…}, {…}]

详情：

1. 0: "ab"
2. 1: {h: 'h'}
3. 2: {e: 'e'}
4. 3: {l: 'l'}
5. 4: {l: 'l'}
6. 5: {o: 'o'}

解读：

reduce是一个扣减函数，对每一个元素，运行一次function，最终得到一个结果。

第一个参数：function(returnArr, currentItem)。

　　参数1：returnArr最终返回的结果。

　　参数2：currentItem是数组的每一个元素。

　　返回值：返回returnArr

第二个参数：initValue。该结果是returnArr的第一个元素。