Понимание нахождения объекта в массиве

Question

Моя попытка

Привет, так что мы можем сделать что-то вроде

var myArray = [{'id':'73','foo':'bar'},{'id':'45','foo':'ye'}]; 
    function getById(id, myArray) { 
    return myArray.filter(function(obj) { 
     if(obj.id == id) { 
     return obj 
     } 
    }) 
    } 

    get_my_obj = getById(45, myArray); 
    console.log(get_my_obj); 

Чтобы отфильтровать наш объект. Однако после некоторого тестирования я понял, что я не получаю нужный мне результат, я заметил, что если я добавляю [0] как таковой

return myArray.filter(function(obj) { 
     if(obj.id == id) { 
     return obj 
     } 
    })[0] 

Проблема

Это отлично работает. Зачем мне нужен [0]?

Answer 1

Array.prototype.filterфильтры массив; он удаляет элементы из массива, которые не соответствуют вашему предикату. В результате получается массив, предположительно короче того, с которого вы начали.

Что вы ищете, это Array.prototype.find, который возвращает только .

Answer 2

Предположим, что ваш результат был таков:

[{'id':'73','foo':'bar'}] 

Это массив с только один объект внутри. Но, используя индекс ([0]), вы получаете первый элемент внутри массива (который имеет только один). В этом случае объект:

{'id':'73','foo':'bar'} 

Answer 3

Массивный фильтр возвращает массив. Этот массив состоит из каждой строки исходного массива, для которой функция фильтра возвращает true.

Даже если массив имеет только одну запись, это еще массив

перед:

[0]{'id':'73','foo':'bar'} 
[1]{'id':'45','foo':'ye'} 

после:

[0]{'id':'45','foo':'ye'} 

Думай другого примера

[0]{'id':'73','foo':'bar'} 
[1]{'id':'45','foo':'ye'} 
[2]{'id':'32','foo':'ye'} 
[3]{'id':'33','foo':'ye'} 
[4]{'id':'33','foo':'baz'} 

функция shoult фильтрует любую строку, которая имеет значение «ye» для foo

[0]{'id':'45','foo':'ye'} 
[1]{'id':'32','foo':'ye'} 
[2]{'id':'33','foo':'ye'} 

Вы видите. В обоих случаях возвращаемое значение представляет собой массив совпадающих объектов. Было бы неудобно, если бы мы вернули только один совпадающий объект, если получили только одно совпадение ({'id':'45','foo':'ye'}).

Сначала метод фильтра должен принять решение о возврате массива или объекта. Затем получатель возвращаемого значения должен проверить, является ли это значение массивом или объектом. Это было бы довольно странно.

---

фильтр() вызывает функцию обратного вызова при условии один раз для каждого элемента в массив, и формирует новый массив всех значений, для которых обратного вызова возвращает значение, которое принуждает к истине. обратный вызов вызывается только для индексов массива, которым присвоены значения; это не , вызываемый для индексов, которые были удалены или которые никогда не были присвоенных значений. Элементы массива, которые не проходят тест обратного вызова , просто пропущены и не включены в новый массив.

Жирный мной
От: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

Answer 4

Короче Array#filter возвращает массив с элементом, где обратный вызов возвращает true.

Если вы ожидаете только одного пункта, то лучше всего использовать Array#some и установить индекс.

function getById(id, myArray) { 
 
    var index = -1; 
 
    myArray.some(function (obj, i) { 
 
     if (obj.id == id) { 
 
      index = i; 
 
      return true; 
 
     } 
 
    }); 
 
    return myArray[index]; 
 
} 
 

 
var myArray = [{ 'id': '73', 'foo': 'bar' }, { 'id': '45', 'foo': 'ye' }], 
 
    get_my_obj = getById(45, myArray); 
 

 
console.log(get_my_obj);