时间戳

首页 > 解决方案 > 将地图返回的对象分散到一个对象中

javascript - 将地图返回的对象分散到一个对象中

问题描述

我试图从我的循环中获取结果以传播到一个变量中

const updateds = {
    ...
        (Array.from(document.querySelectorAll('.updated')).map(item => {
            return {[item.dataset.slug]: item.dataset.position};
        }))
};

结果应该像这样传播

{"chahan": "1", "jacques-lacoste": "2", "testcover": "3", "kreo": "4"}

但相反我得到

{"chahan":"1"},{"jacques-lacoste":"2"},{"testcover":"3"},{"kreo":"4"}

知道如何实现吗？

标签： javascriptobjectecmascript-6spread

解决方案

使用map高阶方法总是会返回一个数组。如果要将数组的对象组合成单个对象，reduce则要使用高阶方法。

const updateds = Array.from(document.querySelectorAll('.updated')).reduce((accumulator, item) => {
  return {
    ...accumulator,
    [item.dataset.slug]: item.dataset.position
  };
}, {})

推荐阅读