Найти объект по идентификатору в массиве объектов JavaScript

Question

У меня есть массив:

myArray = [{'id':'73','foo':'bar'},{'id':'45','foo':'bar'}, etc.]

Я не могу изменить структуру массива. Мне передают идентификатор 45, и я хочу получить 'bar' для этого объекта в массиве.

Как мне сделать это в JavaScript или с помощью jQuery?

Answer 1

Пока браузер поддерживает ECMA-262 , 5-е издание (декабрь 2009 г.), это должно работать, почти в одну строку:

var bFound = myArray.some(function (obj) {
    return obj.id === 45;
});

Answer 2

Вы можете сделать это даже в чистом JavaScript, используя встроенную функцию «фильтра» для массивов:

Array.prototype.filterObjects = function(key, value) {
    return this.filter(function(x) { return x[key] === value; })
}

Так что теперь просто передайте "id" вместо key и "45" вместо value, и вы получите полный объект, совпадающий с идентификатором 45. Так что это будет,

myArr.filterObjects("id", "45");

Answer 3

Мне очень понравился ответ, предоставленный Аароном Дигуллой, но мне нужно было сохранить мой массив объектов, чтобы я мог повторить его позже.Поэтому я изменил его на

	var indexer = {};
	for (var i = 0; i < array.length; i++) {
	    indexer[array[i].id] = parseInt(i);
	}
	
	//Then you can access object properties in your array using 
	array[indexer[id]].property

Answer 4

Это решение также может быть полезным:

Array.prototype.grep = function (key, value) {
    var that = this, ret = [];
    this.forEach(function (elem, index) {
        if (elem[key] === value) {
            ret.push(that[index]);
        }
    });
    return ret.length < 2 ? ret[0] : ret;
};
var bar = myArray.grep("id","45");

Я сделал это так же, как $.grep, и если обнаружен один объект, функция вернет объект, а немассив.

Answer 5

Использование:

var retObj ={};
$.each(ArrayOfObjects, function (index, obj) {

        if (obj.id === '5') { // id.toString() if it is int

            retObj = obj;
            return false;
        }
    });
return retObj;

Должен возвращать объект по идентификатору.

Answer 6

Мы можем использовать методы Jquery $ .each () / $. Grep () var data= []; $.each(array,function(i){if(n !== 5 && i > 4){data.push(item)}}

или

var data = $.grep(array, function( n, i ) { return ( n !== 5 && i > 4 ); });

использовать синтаксис ES6: Array.find, Array.filter, Array.forEach, Array.map

Или используйте Lodash https://lodash.com/docs/4.17.10#filter, Подчеркните https://underscorejs.org/#filter

Answer 7

Мой способ найти индекс массива:

index = myArray.map((i) => i.id).indexOf(value_of_id);
item = myArray[index];

Answer 8

Используйте метод фильтра jQuery:

 $(myArray).filter(function()
 {
     return this.id == desiredId;
 }).first();

, который вернет первый элемент с указанным Id.

Он также имеет приятный формат C # LINQ.

Answer 9

Начиная с ответа Аггатона , эта функция на самом деле возвращает искомый элемент (или null, если не найден), учитывая функции array и callback, которые возвращают истинное значение для «правильного» элемента:

function findElement(array, callback) {
    var elem;
    return array.some(function(e) {
        if (callback(e)) {
            elem = e;
            return true;
        }
    }) ? elem : null;
});

Просто помните, что это не работает на IE8-, так как не поддерживает some. Может быть предоставлен polyfill, в качестве альтернативы всегда есть классический цикл for:

function findElement(array, callback) {
    for (var i = 0; i < array.length; i++)
        if (callback(array[i])) return array[i];
    return null;
});

Это на самом деле быстрее и компактнее. Но если вы не хотите изобретать велосипед, я предлагаю использовать служебную библиотеку, например, подчеркивание или lodash.

Answer 10

Считать "axesOptions" массивом объектов с форматом объекта {: field_type => 2,: fields => [1,3,4]}

function getFieldOptions(axesOptions,choice){
  var fields=[]
  axesOptions.each(function(item){
    if(item.field_type == choice)
        fields= hashToArray(item.fields)
  });
  return fields;
}