时间戳

首页 > 解决方案 > JS 搜索对象键和值

javascript - JS 搜索对象键和值

问题描述

我有一个大型 JS 对象（大约 7000 个条目），看起来像，

   var jsobject = {
    "/football/": {
      "title": "(:title)",
      "description": "Shop (:title) online ",
      "index": "true",
      "follow": "true",
      "CANONICAL": "/football/"
    },
    "/league/": {
      "title": "(:title)",
      "description": "Shop (:title) online",
      "index": "true",
      "follow": "true",
      "CANONICAL": "/bayern-munich/p/replica"
    },
    "/club/fulham/": {
      "title": "(:title)",
      "description": "Shop (:title) online for football league",
      "index": "true",
      "follow": "true",
      "CANONICAL": "/fulham/"
    },
    "/championship/": {
      "title": "(:title)",
      "description": "Shop (:title) online for championship",
      "index": "true",
      "follow": "true",
      "CANONICAL": "/socks/"
    }
  };

现在我想在对象中搜索搜索键（比如“足球”）退出对象“键”或“值”。

我已经使用下面的代码来实现这一点，但它需要的时间比预期的要多。这个 javascript 代码是用 Angular JS 和 Javascript 编写的。你能建议我一个更快的方法吗？

                    angular.forEach(
                        Object.keys(jsobject), function (data) {
                            let obj = String(angular.lowercase(JSON.stringify(jsobject[data])));
                            if (obj.includes(searchKey) || String(angular.lowercase(data)).includes(searchKey)) {
                                searchResults[data] = jsobject[data];
                            }
                        },
                        searchResults.jsondata
                    );

如果我用“足球”搜索，我希望输出如下所示，

{
    "/football/": {
      "title": "(:title)",
      "description": "Shop (:title) online ",
      "index": "true",
      "follow": "true",
      "CANONICAL": "/football/"
    },
    "/club/fulham/": {
      "title": "(:title)",
      "description": "Shop (:title) online for football league",
      "index": "true",
      "follow": "true",
      "CANONICAL": "/fulham/"
    }
  };

标签： javascriptangular

解决方案

您可以混合使用Object.entries, Array.filter&Array.some来实现您的目标。

下面是一个例子。

var jsobject = {
    "/football/": {
      "title": "(:title)",
      "description": "Shop (:title) online ",
      "index": "true",
      "follow": "true",
      "CANONICAL": "/football/"
    },
    "/league/": {
      "title": "(:title)",
      "description": "Shop (:title) online",
      "index": "true",
      "follow": "true",
      "CANONICAL": "/bayern-munich/p/replica"
    },
    "/club/fulham/": {
      "title": "(:title)",
      "description": "Shop (:title) online for football league",
      "index": "true",
      "follow": "true",
      "CANONICAL": "/fulham/"
    },
    "/championship/": {
      "title": "(:title)",
      "description": "Shop (:title) online for championship",
      "index": "true",
      "follow": "true",
      "CANONICAL": "/socks/"
    }
  };
  
  
      
  function filterAll(obj, search) {
    return Object.fromEntries(
      Object.entries(obj).filter(([k,v]) => 
        k.toLowerCase().includes(search)
        || Object.entries(v).some(([k,v]) => 
          typeof v === 'string' 
          && v.toLowerCase().includes(search)
    )));
  }
  
  
  console.log(filterAll(jsobject, 'football'));

推荐阅读