Javascript过滤数组中的值

Question

我有一个数组数组，每个数组包含两个元素。 如何通过过滤第一个元素从数组中返回第二个元素？

例如，我有以下数组，我的函数应该返回第一项为8每个子数组中的第二个元素：

var array = [[8, 'first'], [8, 'second'], [1, 'empty'], [8, 'third'], [9, 'empty']];

预期结果： ['first', 'second', 'third']

这是我到目前为止实现的，但它返回两个元素而不是每个数组中的第二个元素匹配...

 var array = [[8, 'first'], [8, 'second'], [1, 'empty'], [8, 'third'], [9, 'empty']]; var result = array.filter(function(item){ if(item[0] == 8) { return item[1]; } }); console.log(result); 

Answer 1

您可以使用条件进行过滤，然后您只需要映射您想要的部分。

在单个循环中，只能使用Array#reduce ，因为在这里您可以操作结果集的值。

Array#filter返回Array#filter的原始项，而不更改任何内容。

filter()方法创建一个新数组，其中包含所有传递由提供的函数实现的测试的元素。

对于过滤，回调需要返回一个被解释为boolean的值，这意味着每个truthy值（如对象，数组或任何非零数字等）都会获取结果集的项。

如果你只想使用内部数组的一部分并且该部分是一个truty值，那么过滤可以工作，但它不会获取返回值，因为它不是为此而设的。

 var array = [[8, 'first'], [8, 'second'], [1, 'empty'], [8, 'third'], [9, 'empty']], result = array.filter(function(item){ return item[0] === 8; }). map(function (a) { return a[1]; }); console.log(result); 

Answer 2

Array.prototype.filter返回及格，谓语，所以在你的情况下，这将是件item的哪个项目1是正确的。 要实现您想要的效果，您需要先使用map过滤项目和提取secon元素：

 var array = [[8, 'first'], [8, 'second'], [1, 'empty'], [8, 'third'], [9, 'empty']]; var result = array.filter(function(item) { return item[0] == 8; }).map(function (item) { return item[1]; }); console.log(result); 

或者使用reduce：

 var array = [[8, 'first'], [8, 'second'], [1, 'empty'], [8, 'third'], [9, 'empty']]; var result = array.reduce(function(result, item) { return item[0] == 8 ? result.concat(item[1]) : result; }, []); console.log(result); 

如果您想使用ES6的功能，它可以缩短事件：

 const array = [[8, 'first'], [8, 'second'], [1, 'empty'], [8, 'third'], [9, 'empty']]; const result1 = array.filter(([item]) => (item == 8)).map(([,item]) => item); const result2 = array.reduce((res, [n, str]) => n == 8 ? [...res, str] : res, []); console.log(result1); console.log(result2); 

编辑：要了解您的函数无法正常工作的原因，您需要了解Array.prototype.filter()工作原理。 它创建一个由元素组成的新数组，为其提供谓词函数（即检查某些条件并返回布尔值）返回true。 对于具有8作为第一项的所有子数组，第二个元素将决定该元素是否将用于创建新数组。

因此，对于array每个元素（first [8, 'first'] ，next [8, 'second']等），将评估您的函数，并将返回true的元素添加到新数组中：

[[8, 'first'], [8, 'second'], [1, 'empty'], [8, 'third'], [9, 'empty']]
true,          true,          false,        true,         false

=> [[8, 'first'], [1, 'empty'], [8, 'third']]

Answer 3

你可以使用函数reduce

 var array = [[8, 'first'], [8, 'second'], [1, 'empty'], [8, 'third'], [9, 'empty']]; var result = array.reduce(function(acc, item){ if(item[0] === 8){ acc.push(item[1]) } return acc; }, []); console.log(result); 

Array＃reduce它将在一个循环中完成。

Answer 4

Array的filter方法通过传递在每次迭代中传递特定条件的项来创建新数组。

试试这个：

var array = [[8, 'first'], [8, 'second'], [1, 'empty'], [8, 'third'], [9, 
'empty']],resArray = [];
array.forEach(function(item){
  if(parseInt(item[0]) === 8){
    resArray.push(item[1]);
  }
});
console.log(resArray);

Answer 5

第一个映射，然后过滤以删除未定义的值。

 var array = [[8, 'first'], [8, 'second'], [1, 'empty'], [8, 'third'], [9, 'empty']]; var result = array.map(function(item){ if(item[0] == 8) { return item[1]; } }).filter(function(item) { return item; }); console.log(result); 

Answer 6

必须同时过滤掉你不想要的条目和条目映射到刚刚在条目中的第二个值。

一般来说，最好的方法是filter然后map ：

 var array = [[8, 'first'], [8, 'second'], [1, 'empty'], [8, 'third'], [9, 'empty']]; var result = array.filter(function(item){ return item[0] == 8; }) .map(function(item) { return item[1]; }); console.log(result); 

...但是对于一个非常大的数据集，如果你不想进行多次传递，你可以给自己一个filterMap函数：

 function filterMap(arr, predicate) { var result = []; arr.forEach(function(entry) { var newEntry = predicate(entry); if (newEntry !== undefined) { result.push(newEntry); } }); return result; } var array = [[8, 'first'], [8, 'second'], [1, 'empty'], [8, 'third'], [9, 'empty']]; var result = filterMap(array, function(item){ return item[0] == 8 ? item[1] : undefined; }); console.log(result); 

该版本假设您从不希望结果中存在undefined条目，但您可以根据需要进行调整。 例如，如果您希望它真的是通用的，那么您将在filterMap上放置一个唯一值，表示“将其保留”：

 function filterMap(arr, predicate) { var result = []; arr.forEach(function(entry) { var newEntry = predicate(entry); if (newEntry !== filterMap.OMIT) { result.push(newEntry); } }); return result; } filterMap.OMIT = {}; var array = [[8, 'first'], [8, 'second'], [1, 'empty'], [8, 'third'], [9, 'empty']]; var result = filterMap(array, function(item){ return item[0] == 8 ? item[1] : filterMap.OMIT; }); console.log(result); 

虽然你可以通过鞋拔reduce来做到这一点，但对于“累加器”不会改变的情况， reduce并不是很好。 因此，如果您经常这样做，请给自己一个实用工具。 或者只是filter和map 。

Answer 7

您可以利用Array.reduce来实现所需的输出 -

var array = [[8, 'first'], [8, 'second'], [1, 'empty'], [8, 'third'], [9, 'empty']];


array.reduce(function(i, n){
    if(n[0]==8){
        i.push(n[1]);
    }
    return i;
},[]);
//output : ['first', 'second', 'third']