当前位置：首页 > news >正文

如何将数组转换为对象（键为数组元素，值为 true）

news 来源：原创 2025/5/25 13:02:46

如何将数组转换为对象（键为数组元素，值为 true）？

在这里插入图片描述

在 JavaScript 开发中，我们经常需要将数组转换为特定格式的对象。例如，将以下数组：

["perm-1", "subperm-51", "subperm-52", "subperm-53"]

转换为一个对象，其中‌每个数组元素作为键‌，‌值均为 true‌：

{
  "perm-1": true,
  "subperm-51": true,
  "subperm-52": true,
  "subperm-53": true
}

本文将介绍 ‌5 种实现方法‌，并给出最佳实践建议。

方法 1：使用 Object.fromEntries + map

‌（ES2019+ 推荐）

const array = ["perm-1", "subperm-51", "subperm-52", "subperm-53"];
const result = Object.fromEntries(array.map(item => [item, true]));

原理‌：将数组映射为 [[key, value], …] 格式，再转换为对象。
优点‌：代码简洁，一行完成。

方法 2：使用 reduce

‌**（兼容性好）**

const result = array.reduce((acc, item) => {
  acc[item] = true;
  return acc;
}, {});

‌原理‌：遍历数组，将每个元素作为键添加到累积对象中。
‌优点‌：兼容旧版浏览器，无需 polyfill。

方法 3：for…of 循环

‌（传统循环方式）

const result = {};
for (const item of array) {
  result[item] = true;
}

原理‌：显式遍历数组，直接操作对象。
‌优点‌：直观易懂，性能优异。

方法 4：forEach

（函数式风格）

const result = {};
array.forEach(item => (result[item] = true));

‌原理‌：通过 forEach 遍历数组，副作用修改对象。
注意‌：代码紧凑，但依赖外部变量。

方法 5：Object.assign + 扩展运算符

‌（不推荐，仅作了解）

const result = Object.assign({}, ...array.map(item => ({ [item]: true })));

‌原理‌：将数组转换为多个 {key: true} 对象，再合并。
缺点‌：代码可读性差，性能略低。

🏆 推荐方法

‌现代浏览器/Node.js‌：优先使用 Object.fromEntries（方法 1）。
‌兼容旧环境‌：选择 reduce（方法 2）或 for…of（方法 3）。

完整示例

const array = ["perm-1", "subperm-51", "subperm-52", "subperm-53"];
const result = Object.fromEntries(array.map(item => [item, true]));

console.log(JSON.stringify(result, null, 2));
// 输出：
// {
//   "perm-1": true,
//   "subperm-51": true,
//   "subperm-52": true,
//   "subperm-53": true
// }

兼容性处理

如果需要在 ‌不支持 Object.fromEntries‌ 的环境中使用方法 1，可添加 polyfill：

if (!Object.fromEntries) {
  Object.fromEntries = function(entries) {
    const obj = {};
    entries.forEach(([key, value]) => (obj[key] = value));
    return obj;
  };
}