如何在 JavaScript 中的对象数组中查找值？

Question

我有一个对象数组：

Object = {
   1 : { name : bob , dinner : pizza },
   2 : { name : john , dinner : sushi },
   3 : { name : larry, dinner : hummus }
}

我希望能够在对象/数组中搜索键为“dinner”的位置，并查看它是否与“sushi”匹配。

我知道 jQuery 有 $.inArray，但它似乎不适用于对象数组。或者也许我错了。 indexOf 似乎也只适用于一个数组级别。

是否没有此功能或现有代码？

Answer 1

如果你有一个数组比如

var people = [
  { "name": "bob", "dinner": "pizza" },
  { "name": "john", "dinner": "sushi" },
  { "name": "larry", "dinner": "hummus" }
];

您可以使用数组对象的filter 方法：

people.filter(function (person) { return person.dinner == "sushi" });
  // => [{ "name": "john", "dinner": "sushi" }]

在较新的 JavaScript 实现中，您可以使用函数表达式：

people.filter(p => p.dinner == "sushi")
  // => [{ "name": "john", "dinner": "sushi" }]

---

您可以使用map 搜索拥有"dinner": "sushi" 的人

people.map(function (person) {
  if (person.dinner == "sushi") {
    return person
  } else {
    return null
  }
}); // => [null, { "name": "john", "dinner": "sushi" }, null]

或reduce

people.reduce(function (sushiPeople, person) {
  if (person.dinner == "sushi") {
    return sushiPeople.concat(person);
  } else {
    return sushiPeople
  }
}, []); // => [{ "name": "john", "dinner": "sushi" }]

我相信您可以将其推广到任意键和值！

Answer 2

jQuery 有一个内置方法 jQuery.grep，其工作方式类似于来自 @adamse's Answer 的 ES5 filter 函数，并且应该在旧版浏览器上运行良好。

以亚当斯为例：

var peoples = [
  { "name": "bob", "dinner": "pizza" },
  { "name": "john", "dinner": "sushi" },
  { "name": "larry", "dinner": "hummus" }
];

您可以执行以下操作

jQuery.grep(peoples, function (person) { return person.dinner == "sushi" });
  // => [{ "name": "john", "dinner": "sushi" }]

Answer 3

var getKeyByDinner = function(obj, dinner) {
    var returnKey = -1;

    $.each(obj, function(key, info) {
        if (info.dinner == dinner) {
           returnKey = key;
           return false; 
        };   
    });

    return returnKey;       

}

jsFiddle.

只要-1 永远不是有效的密钥。

Answer 4

如果您要经常进行此搜索，请考虑更改对象的格式，以便晚餐实际上是关键。这有点像在数据库表中分配主聚集键。所以，例如：

Obj = { 'pizza' : { 'name' : 'bob' }, 'sushi' : { 'name' : 'john' } }

您现在可以像这样轻松访问它：Object['sushi']['name']

或者如果对象真的这么简单（只是对象中的“名称”），您可以将其更改为：

Obj = { 'pizza' : 'bob', 'sushi' : 'john' }

然后像这样访问它：Object['sushi']。

显然，像这样重构数据对象并不总是可能或对您有利，但关键是，有时最好的答案是考虑您的数据对象是否以最佳方式构建。像这样创建密钥可以更快并创建更简洁的代码。

Answer 5

您可以使用Alasql library 在数组中找到对象：

var data = [ { name : "bob" , dinner : "pizza" }, { name : "john" , dinner : "sushi" },
     { name : "larry", dinner : "hummus" } ];

var res = alasql('SELECT * FROM ? WHERE dinner="sushi"',[data]);

试试这个例子in jsFiddle。

Answer 6

您可以使用简单的 for in 循环：

for (prop in Obj){
    if (Obj[prop]['dinner'] === 'sushi'){

        // Do stuff with found object. E.g. put it into an array:
        arrFoo.push(Obj[prop]);
    }
}

以下小提琴示例将所有包含dinner:sushi 的对象放入一个数组中：

https://jsfiddle.net/3asvkLn6/1/

Answer 7

这里已经有很多很好的答案了，为什么不多一个，使用像 lodash 或 underscore 之类的库:)

obj = {
   1 : { name : 'bob' , dinner : 'pizza' },
   2 : { name : 'john' , dinner : 'sushi' },
   3 : { name : 'larry', dinner : 'hummus' }
}

_.where(obj, {dinner: 'pizza'})
>> [{"name":"bob","dinner":"pizza"}]

Answer 8

我必须在嵌套站点地图结构中搜索与给定路径匹配的第一个叶项。我使用.map() .filter() 和.reduce 想出了以下代码。返回找到的与路径 /c 匹配的最后一项。

var sitemap = {
  nodes: [
    {
      items: [{ path: "/a" }, { path: "/b" }]
    },
    {
      items: [{ path: "/c" }, { path: "/d" }]
    },
    {
      items: [{ path: "/c" }, { path: "/d" }]
    }
  ]
};

const item = sitemap.nodes
  .map(n => n.items.filter(i => i.path === "/c"))
  .reduce((last, now) => last.concat(now))
  .reduce((last, now) => now);

Answer 9

如果您想通过搜索功能查找特定对象，请尝试以下操作：

    function findArray(value){

        let countLayer = dataLayer.length;
        for(var x = 0 ; x < countLayer ; x++){

            if(dataLayer[x].user){
                let newArr = dataLayer[x].user;
                let data = newArr[value];
                return data;
            }

        }

        return null;

    }

    findArray("id");

这是一个示例对象：

layerObj = {
    0: { gtm.start :1232542, event: "gtm.js"},
    1: { event: "gtm.dom", gtm.uniqueEventId: 52},
    2: { visitor id: "abcdef2345"},
    3: { user: { id: "29857239", verified: "Null", user_profile: "Personal", billing_subscription: "True", partners_user: "adobe"}
}

代码将迭代并找到“用户”数组，并搜索您在其中寻找的对象。

我的问题是数组索引在每次窗口刷新时都会更改，并且它在第三个或第二个数组中，但这并不重要。

对我来说就像一个魅力！

在你的例子中它有点短：

function findArray(value){

    let countLayer = Object.length;
    for(var x = 0 ; x < countLayer ; x++){

        if(Object[x].dinner === value){
            return Object[x];
        }

    }

    return null;

}

findArray('sushi');

Answer 10

我们使用object-scan 进行大部分数据处理。它在概念上非常简单，但允许很多很酷的东西。以下是您解决问题的方法

// const objectScan = require('object-scan');

const findDinner = (dinner, data) => objectScan(['*'], {
  abort: true,
  rtn: 'value',
  filterFn: ({ value }) => value.dinner === dinner
})(data);

const data = { 1: { name: 'bob', dinner: 'pizza' }, 2: { name: 'john', dinner: 'sushi' }, 3: { name: 'larry', dinner: 'hummus' } };

console.log(findDinner('sushi', data));
// => { name: 'john', dinner: 'sushi' }

.as-console-wrapper {max-height: 100% !important; top: 0}

<script src="https://bundle.run/object-scan@13.8.0"></script>

免责声明：我是object-scan的作者