JavaScript 数组中基于关键词检索对象键名的搜索与过滤方法-js教程-PHP中文网

JavaScript 数组中基于关键词检索对象键名的搜索与过滤方法

本文介绍如何从结构为“单键对象数组”的数据中，根据关键词模糊匹配对象的键名（如 "align" 匹配 "align-left"），并返回所有符合条件的键组成的新数组。核心思路是先提取每个对象的唯一键，再用 includes() 进行子串匹配。

本文介绍如何从结构为“单键对象数组”的数据中，根据关键词模糊匹配对象的键名（如 "align" 匹配 "align-left"），并返回所有符合条件的键组成的新数组。核心思路是先提取每个对象的唯一键，再用 `includes()` 进行子串匹配。

在实际前端开发中，我们常遇到一类特殊的数据结构：一个数组，其每个元素都是仅含一个键值对的对象（即每个对象只有一个属性名），而我们需要根据某个关键词，从这些对象的键名（key） 中进行模糊搜索——例如匹配包含 "align" 的所有键（如 "align-left"、"align-center"），而非其值（value）中的内容。

给定如下数据：

const myarray = [
  { "align-center": ["align", "center"] },
  { "align-justify": ["align", "justified"] },
  { "align-left": ["align", "left", "arrow"] },
  { "align-right": ["align", "right", "arrow"] }
];

目标是实现一个通用搜索函数，支持以下行为：

搜索 "align-center" → 返回 ["align-center"]
搜索 "align" → 返回 ["align-center", "align-justify", "align-left", "align-right"]
搜索 "right" → 返回 ["align-right"]
搜索 "arrow" → 返回 ["align-left", "align-right"]（注意：这是匹配键名，不是值！但题干示例中 "arrow" 对应两个键，说明需求实为「键名中包含该字符串」，而非「值中包含该字符串」；题干描述存在歧义，本文严格按代码逻辑和答案实现——即仅匹配键名）

✅ 正确解法分两步：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

提取所有键名：使用 map() 遍历数组，对每个对象调用 Object.keys(obj)[0] 获取其唯一键；
模糊过滤：对键名数组使用 filter(key => key.includes(searchKey))，实现子字符串匹配。

完整可运行函数如下：

function searchByKeyName(array, keyword) {
  return array
    .map(obj => Object.keys(obj)[0]) // 提取每个对象的键（假设每个对象仅有一个键）
    .filter(key => key.includes(keyword)); // 子串匹配，区分大小写
}

// 测试用例
console.log(searchByKeyName(myarray, "align-center")); // ["align-center"]
console.log(searchByKeyName(myarray, "align"));         // ["align-center", "align-justify", "align-left", "align-right"]
console.log(searchByKeyName(myarray, "right"));         // ["align-right"]
console.log(searchByKeyName(myarray, "arrow"));         // [] ← 注意：键名中不含 "arrow"！题干示例此处有误

⚠️ 重要注意事项：

键名 vs 值匹配：题干中 "arrow" 示例期望返回 ["align-left", "align-right"]，但这两个键名本身并不包含 "arrow" 字符串。若真实需求是「查找值数组中包含 keyword 的键」，则需改用 some() 判断值：

function searchByValue(array, keyword) {
  return array
    .filter(obj => {
      const key = Object.keys(obj)[0];
      return obj[key].includes(keyword);
    })
    .map(obj => Object.keys(obj)[0]);
}
console.log(searchByValue(myarray, "arrow")); // ["align-left", "align-right"]

健壮性增强：生产环境建议增加空值校验和多键容错：

function safeSearch(array, keyword) {
  if (!Array.isArray(array)) return [];
  return array
    .map(obj => {
      if (obj && typeof obj === 'object' && Object.keys(obj).length > 0) {
        return Object.keys(obj)[0];
      }
      return null;
    })
    .filter(key => key && typeof key === 'string' && key.includes(keyword));
}