Matching два массива, чтобы создать третий массив

Question

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

var array = [black, white] 

и объект:

var object = [ 
    {color: black, hex: #000000}, 
    {color: white, hex: #ffffff}, 
    {color: red, hex: #ff0000} 
] 

То, что я хочу сделать, это создать новый объект из цветов, которые соответствуют в обоих массив и объект, поэтому в данном примере новый объект будет:

var object = [ 
    {color: black, hex: #000000}, 
    {color: white, hex: #ffffff} 
] 

Answer 1

Вы можете filter объект Thusly:

var array = ['black', 'white'] 
 

 
var object = [ 
 
    {color: 'black', hex: '#000000'}, 
 
    {color: 'white', hex: '#ffffff'}, 
 
    {color: 'red', hex: '#ff0000'} 
 
] 
 

 
var result = object.filter(function(entry) { 
 
    return array.indexOf(entry.color) > -1; 
 
}) 
 

 
console.log(result);

Answer 2

Вы можете использовать filter для этой цели ,

var arr = ["black", "white"]; 
var obj = [ 
    {color: "black", hex: "#000000"}, 
    {color: "white", hex: "#ffffff"}, 
    {color: "red", hex: "#ff0000"} 
]; 

var res = obj.filter(itm => arr.includes(itm.color)); 
console.log(res); //[{color: "black", hex: "#000000"}, {color: "white", hex: "#ffffff"}] 

Answer 3

Используйте фильтр:

var array = ['black', 'white']; 
var objectArray = [ 
    {color: 'black', hex: '#000000'}, 
    {color: 'white', hex: '#ffffff'}, 
    {color: 'red', hex: '#ff0000'} 
]; 

var result = objectArray.filter(function(item) { 
    return array.some(function(i) { 
     return i === item.color; 
    }) 
}); 


console.log(result); 

NB мне пришлось добавить кавычки, чтобы некоторые из ваших примеров данных ,