如何在目标数组值内匹配javascript源数组键

Question

I have two arrays in javascript(Jquery 3.2). One array (source) has key-value pairs and other(target) has values only. I want to return those key-values from source which has matching values in other(target) array. Here are the arrays.

var source = [{ "a": 3 }, { "b": 2 }, { "c": 1 },{"k":12}];
var target = ["a", "b", "c","d"];

Answer 1

You can filter the source base on the target by checking the first key in each source item. But this assumes the source items will only have one key. This will fail if there are items like {a: 3, d:4} .

 var source = [{ "a": 3 }, { "b": 2 }, { "c": 1 }, {"k":12}]; var target = ["a", "b", "c","d"]; let filtered = source.filter(item => target.includes(Object.keys(item)[0])) console.log(filtered) 

Answer 2

 var source = [{ "a": 3 }, { "b": 2 }, { "c": 1 },{"k":12}]; var target = ["a", "b", "c","d"]; console.log( //filter the sources on the target values source.filter(function(element){ //should show the element, if the key is in the target list return target.indexOf(Object.keys(element)[0]) > -1; }) ); 

Answer 3

There are different was to do this.One of them using filter is as below:

 var source = [{ "a": 3 }, { "b": 2 }, { "c": 1 },{"k":12}]; var target = ["a", "b", "c","d"]; var filteredArray = source.filter(function(array_el){ return target.filter(function(target_el){ return target_el == Object.keys(array_el); }).length > 0 }); console.log(filteredArray); 

Answer 4

One option is to use set on target, this will make it easier to check if the set has a certain element. Use filter to filter the source array.

 var source = [{ "a": 3 }, { "b": 2 }, { "c": 1 },{"k":12}]; var target = ["a", "b", "c", "d"]; var tempSet = new Set(target); var result = source.filter(o => tempSet.has(Object.keys(o)[0])); console.log(result);