Как фильтровать массив объектов по значениям в javascript?

Question

Итак, у меня есть отфильтрованные идентификаторы в одном массиве и имеющие все данные в другом массиве объектов. Я хочу отображать значения фильтрованных идентификаторов, упомянутые в массиве значений.

var allData = [ 
    { 
     id:'10', 
     name:'jhon' 
    }, 
    { 
     id:'11', 
     name:'lewis' 
    }, 
    { 
     id:'12', 
     name:'taylor' 
    }, 
    { 
     id:'13', 
     name:'adam' 
    }, 
    { 
     id:'14', 
     name:'bolive' 
    } 
]; 

var addedIds = ['10', '12', '14']; 

Мой код Javascript,

allData.filter(data, function (item) { 
    item.map(function(list, i) { 
     if (list.id.indexOf(addedIds[i]) === -1) { 
      return; 
     } 
     console.log(list); 
    }); 
}); 

Answer 1

var allData = [ 
 
    { 
 
     id:'10', 
 
     name:'jhon' 
 
    }, 
 
    { 
 
     id:'11', 
 
     name:'lewis' 
 
    }, 
 
    { 
 
     id:'12', 
 
     name:'taylor' 
 
    }, 
 
    { 
 
     id:'13', 
 
     name:'adam' 
 
    }, 
 
    { 
 
     id:'14', 
 
     name:'bolive' 
 
    } 
 
]; 
 

 
var addedIds = ['10', '12', '14']; 
 

 
var allData = allData.filter(function (item) { 
 
    if (addedIds.indexOf(item.id) !== -1) return item; 
 
}); 
 

 
console.log(allData);

Answer 2

Как насчет этого?

Array.prototype.filter ожидает только один параметр: функция, передаваемая каждому элементу в массиве и возвращающая значение true или false в зависимости от того, должен ли этот элемент быть включен в фильтр или нет.

Вы можете использовать Array.prototype.indexOf, чтобы узнать, есть ли строка в массиве.

var allData = [{ 
 
    id: '10', 
 
    name: 'jhon' 
 
}, { 
 
    id: '11', 
 
    name: 'lewis' 
 
}, { 
 
    id: '12', 
 
    name: 'taylor' 
 
}, { 
 
    id: '13', 
 
    name: 'adam' 
 
}, { 
 
    id: '14', 
 
    name: 'bolive' 
 
}]; 
 

 
var addedIds = ['10', '12', '14']; 
 

 
var filteredData = allData.filter(function(item) { 
 
    return addedIds.indexOf(item.id) != -1; 
 
}); 
 

 
console.log(filteredData);

Answer 3

var allData = [{ 
 
    id: '10', 
 
    name: 'jhon' 
 
}, { 
 
    id: '11', 
 
    name: 'lewis' 
 
}, { 
 
    id: '12', 
 
    name: 'taylor' 
 
}, { 
 
    id: '13', 
 
    name: 'adam' 
 
}, { 
 
    id: '14', 
 
    name: 'bolive' 
 
}]; 
 

 
var addedIds = ['10', '12', '14']; 
 
var addedIdsSet = new Set(addedIds); 
 
var result = allData.filter(e => addedIdsSet.has(e.id)); 
 
console.log(result)

Я лично, как превращение массивов ИДС в Набор и перемещение оттуда:

var addedIdsSet = new Set(addedIds); 

Тогда остальное дело фильтрации (как вы пытались) с помощью набора:

console.log(allData.filter(x => addedIdsSet.has(x.id))) 

Примечание: Использование набора только действительно необходимо если у вас есть большой список идентификаторов и вы хотите выжать некоторую производительность, так как это снизит сложность от O (n^2) до O (n), где n - это количество элементов во всехData. Несмотря ни на что, мне нравится использовать Set так или иначе, потому что код заканчивается тем, что выглядит более чистым!

Answer 4

var allData = [ 
{ 
    id:'10', 
    name:'jhon' 
}, 
{ 
    id:'11', 
    name:'lewis' 
}, 
{ 
    id:'12', 
    name:'taylor' 
}, 
{ 
    id:'13', 
    name:'adam' 
}, 
{ 
    id:'14', 
    name:'bolive' 
} 
]; 

var addedIds = ['10', '12', '14']; 

var filteredValues = allData.filter(x => addedIds.indexOf(x.id) !== -1); 
console.log(filteredValues); 

Answer 5

Вы можете сделать это следующим образом:

var allData = [ 
 
    { 
 
     id:'10', 
 
     name:'jhon' 
 
    }, 
 
    { 
 
     id:'11', 
 
     name:'lewis' 
 
    }, 
 
    { 
 
     id:'12', 
 
     name:'taylor' 
 
    }, 
 
    { 
 
     id:'13', 
 
     name:'adam' 
 
    }, 
 
    { 
 
     id:'14', 
 
     name:'bolive' 
 
    } 
 
]; 
 

 
var addedIds = ['10', '12', '14']; 
 

 
var filtered_results = []; 
 

 
allData.filter(function (item) { 
 
    for(var k in addedIds){ 
 
     if(item.id === addedIds[k]){ 
 
      filtered_results.push(item); 
 
     } 
 
    } 
 
}); 
 
console.log(filtered_results);