数据数组重构用map()方法和for方法

使用map和for方法转换数组结构

最新推荐文章于 2025-11-21 14:37:46 发布

原创最新推荐文章于 2025-11-21 14:37:46 发布 · 669 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

js 同时被 2 个专栏收录

30 篇文章

订阅专栏

vue

13 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript的map方法和for循环来重组数据结构。在示例中，`rewardResolve`函数将`rawData`和`rawProb`两个数组通过map方法转化成新的键值对对象数组，其中`probability`对应`rawProb`的值，`list`是经过处理的`bigGift`。此外，还展示了如何使用for循环将数据格式化为特定的键值对形式，如`dateData`和`hourData`。

map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。

rewardResolve(rawData, rawProb) {
            rawData = rawData ? JSON.parse(rawData) : [];
            rawProb = rawProb ? JSON.parse(rawProb) : [];

            const result = rawData.map((bigGift, bigGiftInx) => {
                let gifts = BizGameItemsSelect.formatToUnits(bigGift, this.awardInfo.itemHash, 1);
                return {
                    probability: rawProb[bigGiftInx],
                    list: gifts
                };
            });
            return result;
        },

retrun出新的数据结构，将rawData,rawProb 两个数据重构成了一个键值对形式的对象，rawProb匹配了rawData的索引，

for方法

需求：把数组，格式改为：

"2021-08-11":{

fill:xxx,

impRate:xxx

.....

}

代码：

        const dateData = {}
        const hourData = {}
        for (var i in res.data.list) {
          dateData[res.data.list[i].date] = res.data.list[i]
        }
        for (var j of res.data.list) {
          hourData[j.hour] = j
        }