请问怎么封装下面的javascript代码比较好呢？

问题描述

问 题

我想把下面数colOne和数组colTwo封装成数组cols的，代码如下：

---

var colOne = [
    [
        'account',
        'accountName'
    ],
    [
        'wxHead',
        'wxHeadImage'
    ],
    [
        'name',
        'username',
        'abc'
    ]
];

var colTwo = ['field', 'title','formatter'];

var cols = [
    {
        field: 'account',
        title: 'accountName'
    }, {
        field: 'wxHead',
        title: 'wxHeadImage'
    }, {
        field: 'name',
        title: 'username',
        formatter: 'abc'
    }];

请问怎么封装比较好呢？

解决方案

试试我这招：

var result = colOne.map(col => colTwo.reduce((p, k, i) => (col[i] && (p[k] = col[i]), p), {}));

console.log(result);//[ { field: 'account', title: 'accountName' },  { field: 'wxHead', title: 'wxHeadImage' },  { field: 'name', title: 'username', formatter: 'abc' } ]

备注：

这招属于map和reduce的组合技

这篇关于请问怎么封装下面的javascript代码比较好呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！