JavaScript中如何高效创建相似对象数组？求优化方案

针对你的核心需求——根据指定title快速获取对应url，最直接高效的方案是用键值映射结构，完全不需要用类实现，既解决了变量冗余问题，也避免了类实例可能带来的内存风险。

方案1：对象字面量（推荐，适合静态数据） #

直接把title作为键、url作为值构建映射对象，查找时直接通过键访问，效率极高：

const urlMap = {
  "title 1": "https://example.com/1",
  "title 2": "https://example.com/2",
  // 更多键值对...
};

// 根据title获取url
function getUrlByTitle(title) {
  return urlMap[title] || "未找到对应URL";
}

// 使用示例
console.log(getUrlByTitle("title 1")); // 输出: https://example.com/1

方案2：ES6 Map结构（适合动态数据/键含特殊字符的场景） #

如果需要动态添加/删除条目，或者title包含特殊字符，用Map更灵活：

const urlMap = new Map([
  ["title 1", "https://example.com/1"],
  ["title 2", "https://example.com/2"],
  // 更多键值对...
]);

// 根据title获取url
function getUrlByTitle(title) {
  return urlMap.get(title) || "未找到对应URL";
}

// 动态添加条目
urlMap.set("title 3", "https://example.com/3");

// 使用示例
console.log(getUrlByTitle("title 2")); // 输出: https://example.com/2

方案优势 #

• 无冗余变量：不需要创建大量实例变量，直接构建映射结构即可
• 查找效率更高：对象和Map的键查找都是O(1)时间复杂度，比数组filter/find的O(n)更高效
• 无内存泄漏风险：不需要维护类实例引用，避免了类实例可能带来的内存问题
• 代码更简洁：定义和查找逻辑的代码量远少于类实现

如果你的原始数据已经是数组格式，也可以快速转换成映射结构：

const urls = [
  { title: "title 1", url: "https://example.com/1" },
  { title: "title 2", url: "https://example.com/2" },
];

// 转换成对象映射
const urlMap = urls.reduce((map, item) => {
  map[item.title] = item.url;
  return map;
}, {});

// 转换成Map
const urlMap = new Map(urls.map(item => [item.title, item.url]));

内容的提问来源于stack exchange，提问作者Ooker