使用 JavaScript 中的 map 或 reduce 将 2D 数组转换为对象

假设我们有一个二维数组，其中包含一些有关某些人年龄的数据。

数据由以下 2D 数组提供

const data = [
   ['Rahul',23],
   ['Vikky',27],
   ['Sanjay',29],
   ['Jay',19],
   ['Dinesh',21],
   ['Sandeep',45],
   ['Umesh',32],
   ['Rohit',28],
];

我们需要编写一个函数，该函数接受这个二维数据数组并返回一个对象，该对象以键作为每个子数组的第一个元素，即字符串和值作为第二个元素。

我们将使用 Array.prototype.reduce() 方法来构造这个对象，执行此操作的代码将是 −

示例

const data = [
   ['Rahul',23],
   ['Vikky',27],
   ['Sanjay',29],
   ['Jay',19],
   ['Dinesh',21],
   ['Sandeep',45],
   ['Umesh',32],
   ['Rohit',28],
];
const constructObject = arr => {
   return arr.reduce((acc, val) => {
      const [key, value] = val;
      acc[key] = value;
      return acc;
   }, {});
};
console.log(constructObject(data));

输出

控制台中的输出将是 −

{
   Rahul: 23,
   Vikky: 27,
   Sanjay: 29,
   Jay: 19,
   Dinesh: 21,
   Sandeep: 45,
   Umesh: 32,
   Rohit: 28
}

相关文章

• 在 JavaScript 中验证数字是否为斐波那契数列
• 在 JavaScript 中检查有间隙数字
• 如何使用 JavaScript 重定向到另一个网页?
• 如何使用 HTML 和 JavaScript 创建速度转换器?
• 如何使用 HTML 和 JavaScript 创建长度转换器?
• 如何使用 HTML 和 JavaScript 创建温度转换器?
• 如何使用 HTML 和 JavaScript 创建权重转换器?
• 如何使用 JavaScript 创建和使用语法高亮器?
• 如何使用 JavaScript 来使用媒体查询?
• 如何使用 JavaScript 和 CSS 创建可拖动的 HTML 元素?

有用资源

• javascript 参考教程 - 该教程包含有关 javascript 的更多信息:https://www.cainiaomax.com/javascript/