我有一个目标数组 ["apple","banana","orange"]
,我想检查其他数组是否包含任何一个目标数组元素。
例如:
["apple","grape"] //returns true;
["apple","banana","pineapple"] //returns true;
["grape", "pineapple"] //returns false;
我怎样才能在 JavaScript 中做到这一点?
for
循环并迭代目标数组。如果每个元素都包含在当前数组中(使用 current.indexOf(elem) !== -1)
,那么它们都在其中。
true
或 false
那么您需要使用 .filter()
:: Javascript algorithm to find elements in array that are not in another array
香草JS
ES2016:
const found = arr1.some(r=> arr2.includes(r))
ES6:
const found = arr1.some(r=> arr2.indexOf(r) >= 0)
这个怎么运作
some(..)
根据测试函数检查数组的每个元素,如果数组的任何元素通过测试函数,则返回 true,否则返回 false。如果给定参数存在于数组中,indexOf(..) >= 0
和 includes(..)
都返回 true。
香草js
/**
* @description determine if an array contains one or more items from another array.
* @param {array} haystack the array to search.
* @param {array} arr the array providing items to check for in the haystack.
* @return {boolean} true|false if haystack contains at least one item from arr.
*/
var findOne = function (haystack, arr) {
return arr.some(function (v) {
return haystack.indexOf(v) >= 0;
});
};
正如@loganfsmyth 所述,您可以在 ES2016 中将其缩短为
/**
* @description determine if an array contains one or more items from another array.
* @param {array} haystack the array to search.
* @param {array} arr the array providing items to check for in the haystack.
* @return {boolean} true|false if haystack contains at least one item from arr.
*/
const findOne = (haystack, arr) => {
return arr.some(v => haystack.includes(v));
};
或简称为 arr.some(v => haystack.includes(v));
如果要确定该数组是否包含另一个数组中的所有项,请将 some()
替换为 every()
或替换为 arr.every(v => haystack.includes(v));
some()
是弧度。一旦有东西匹配就退出。
arr.some(v=> haystack.indexOf(v) >= 0)
arr.some(v => haystack.includes(v))
arr1.some(v => arr2.indexOf(v) >= 0)
中。
includes
,因为 IE 显然不支持它:stackoverflow.com/questions/36574351/…
ES6 解决方案:
let arr1 = [1, 2, 3];
let arr2 = [2, 3];
let isFounded = arr1.some( ai => arr2.includes(ai) );
与它不同的是:必须包含所有值。
let allFounded = arr2.every( ai => arr1.includes(ai) );
希望,会有所帮助。
let allFounded = arr2.every( ai => return arr1.includes(ai) );
如果您不反对使用库,http://underscorejs.org/ 有一个交集方法,可以简化:
var _ = require('underscore');
var target = [ 'apple', 'orange', 'banana'];
var fruit2 = [ 'apple', 'orange', 'mango'];
var fruit3 = [ 'mango', 'lemon', 'pineapple'];
var fruit4 = [ 'orange', 'lemon', 'grapes'];
console.log(_.intersection(target, fruit2)); //returns [apple, orange]
console.log(_.intersection(target, fruit3)); //returns []
console.log(_.intersection(target, fruit4)); //returns [orange]
交集函数将返回一个包含匹配项的新数组,如果不匹配则返回空数组。
_.some()
即 _.some(_.intersection(target, fruit2))
结合使用
_.isEmpty(_.intersection(target, fruit2))
。谢谢@willz
ES6(最快)
const a = ['a', 'b', 'c'];
const b = ['c', 'a', 'd'];
a.some(v=> b.indexOf(v) !== -1)
ES2016
const a = ['a', 'b', 'c'];
const b = ['c', 'a', 'd'];
a.some(v => b.includes(v));
下划线
const a = ['a', 'b', 'c'];
const b = ['c', 'a', 'd'];
_.intersection(a, b)
演示:https://jsfiddle.net/r257wuv5/
jsPerf:https://jsperf.com/array-contains-any-element-of-another-array
如果您不需要类型强制(因为使用了 indexOf
),您可以尝试以下操作:
var arr = [1, 2, 3];
var check = [3, 4];
var found = false;
for (var i = 0; i < check.length; i++) {
if (arr.indexOf(check[i]) > -1) {
found = true;
break;
}
}
console.log(found);
其中 arr
包含目标项目。最后,found
将显示第二个数组是否与目标有至少一个匹配。
当然,您可以将数字换成您想要使用的任何东西 - 字符串很好,就像您的示例一样。
在我的具体示例中,结果应该是 true
,因为第二个数组的 3
存在于目标中。
更新:
这是我将它组织成一个函数的方式(与以前相比有一些小的变化):
var anyMatchInArray = (function () {
"use strict";
var targetArray, func;
targetArray = ["apple", "banana", "orange"];
func = function (checkerArray) {
var found = false;
for (var i = 0, j = checkerArray.length; !found && i < j; i++) {
if (targetArray.indexOf(checkerArray[i]) > -1) {
found = true;
}
}
return found;
};
return func;
}());
演示: http://jsfiddle.net/u8Bzt/
在这种情况下,可以修改函数以将 targetArray
作为参数传入,而不是在闭包中硬编码。
更新2:
虽然我上面的解决方案可能有效并且(希望更)可读,但我相信处理我描述的概念的“更好”方法是做一些不同的事情。上述解决方案的“问题”是循环内的 indexOf
导致目标数组对于另一个数组中的每个项目都被完全循环。这可以通过使用“查找”(映射...JavaScript 对象文字)轻松“修复”。这允许在每个数组上进行两个简单的循环。这是一个例子:
var anyMatchInArray = function (target, toMatch) {
"use strict";
var found, targetMap, i, j, cur;
found = false;
targetMap = {};
// Put all values in the `target` array into a map, where
// the keys are the values from the array
for (i = 0, j = target.length; i < j; i++) {
cur = target[i];
targetMap[cur] = true;
}
// Loop over all items in the `toMatch` array and see if any of
// their values are in the map from before
for (i = 0, j = toMatch.length; !found && (i < j); i++) {
cur = toMatch[i];
found = !!targetMap[cur];
// If found, `targetMap[cur]` will return true, otherwise it
// will return `undefined`...that's what the `!!` is for
}
return found;
};
演示: http://jsfiddle.net/5Lv9v/
此解决方案的缺点是只能(正确)使用数字和字符串(和布尔值),因为这些值(隐式)转换为字符串并设置为查找映射的键。对于非文字值,这并不是很好/可能/容易做到的。
undefined
...这就是 !!
的用途” - 这是错误的。它将返回 !
的布尔反对。
function containsAny(source,target) { var result = source.filter(function(item){ return target.indexOf(item) > -1});返回 (result.length > 0); } //结果 var fruits = ["apple","banana","orange"]; console.log(containsAny(水果,["apple","grape"])); console.log(containsAny(水果,["苹果","香蕉","菠萝"])); console.log(containsAny(fruits,["grape", "pineapple"]));
您可以使用 lodash 并执行以下操作:
_.intersection(originalTarget, arrayToCheck).length > 0
对两个集合进行集合交集,生成相同元素的数组。
intersection
即使在找到第一个匹配之后也会继续比较以找到所有匹配项。这就像在您只需要 find
时使用 filter
。
const areCommonElements = (arr1, arr2) => {
const arr2Set = new Set(arr2);
return arr1.some(el => arr2Set.has(el));
};
或者,如果您首先找出这两个数组中的哪一个更长,然后将 Set
找出最长的数组,同时对最短的数组应用 some
方法,您甚至可以获得更好的性能:
const areCommonElements = (arr1, arr2) => {
const [shortArr, longArr] = (arr1.length < arr2.length) ? [arr1, arr2] : [arr2, arr1];
const longArrSet = new Set(longArr);
return shortArr.some(el => longArrSet.has(el));
};
indexOf
和 includes
的解决方案,但在 EcmaScript 引入 4 年后,您是第一个使用本机 Set
的更有效的基于集合的解决方案来回答问题的人。 +1
Set
,然后按 Enter 键。您将得到以下响应:ƒ Set() { [native code] }
而不是其实现的 JS 代码。虽然一些本机代码可能会更慢,这只是因为其中一些有很多额外的验证器。
我写了3个解决方案。本质上,他们做同样的事情。一旦获得 true
,它们就会返回 true。我写了 3 个解决方案只是为了展示 3 种不同的做事方式。现在,这取决于您更喜欢什么。您可以使用 performance.now() 检查一种或另一种解决方案的性能。在我的解决方案中,我还检查了哪个数组最大,哪个数组最小,以提高操作效率。
第三种解决方案可能不是最可爱的,但很有效。我决定添加它,因为在某些编码面试中,您不允许使用内置方法。
最后,当然……我们可以提出一个带有 2 个嵌套 for 循环的解决方案(蛮力方式),但你想避免这种情况,因为时间复杂度很糟糕 O(n^2)。
笔记:
您可以使用 .indexOf(),而不是像其他人那样使用 .includes()。如果您确实检查该值是否大于0。如果该值不存在会给您-1。如果它确实存在,它会给你大于 0。
哪个有更好的performance? indexOf()
一点点,但在我看来,include 更具可读性。
如果我没记错的话,.includes()
和 indexOf()
在幕后使用循环,那么当您将它们与 .some()
一起使用时,您将处于 O(n^2)。
使用循环
const compareArraysWithIncludes = (arr1, arr2) => {
const [smallArray, bigArray] =
arr1.length < arr2.length ? [arr1, arr2] : [arr2, arr1];
for (let i = 0; i < smallArray.length; i++) {
return bigArray.includes(smallArray[i]);
}
return false;
};
使用 .some()
const compareArraysWithSome = (arr1, arr2) => {
const [smallArray, bigArray] =
arr1.length < arr2.length ? [arr1, arr2] : [arr2, arr1];
return smallArray.some(c => bigArray.includes(c));
};
使用地图 Time complexity O(2n)=>O(n)
const compararArraysUsingObjs = (arr1, arr2) => {
const map = {};
const [smallArray, bigArray] =
arr1.length < arr2.length ? [arr1, arr2] : [arr2, arr1];
for (let i = 0; i < smallArray.length; i++) {
if (!map[smallArray[i]]) {
map[smallArray[i]] = true;
}
}
for (let i = 0; i < bigArray.length; i++) {
if (map[bigArray[i]]) {
return true;
}
}
return false;
};
我的代码:stackblitz
我不是性能专家,也不是 BigO,所以如果我说的有问题,请告诉我。
Array#includes
的实现方式 (tc39.es/ecma262/#sec-array.prototype.includes),看起来您仍然需要遍历更长的数组。除非我阅读了 includes
的实现都错了(这是可能的哈哈)。另外,我同意使用地图是最有效的。
.some()
解决方案显示两个数组之间的哪些术语相同?
我发现这种简短而优美的语法可以匹配两个数组之间的所有或部分元素。例如
// 或运算。查找 array1 中是否存在任何 array2 元素。一旦有第一个匹配项,这将返回,因为当函数返回 TRUE 时某些方法会中断
let array1 = ['a', 'b', 'c', 'd', 'e'], array2 = ['a', 'b'];
console.log(array2.some(ele => array1.includes(ele)));
// 打印 TRUE
// 与操作。查找 array2 中的所有元素是否都存在于 array1 中。这将在没有第一个匹配项时立即返回,因为当函数返回 TRUE 时某些方法会中断
let array1 = ['a', 'b', 'c', 'd', 'e'], array2 = ['a', 'x'];
console.log(!array2.some(ele => !array1.includes(ele)));
// 打印 FALSE
希望对将来的人有所帮助!
您可以使用嵌套的 Array.prototype.some 调用。这样做的好处是它将在第一次匹配时退出,而不是通过完整的嵌套循环运行的其他解决方案。
例如。
var arr = [1, 2, 3];
var match = [2, 4];
var hasMatch = arr.some(a => match.some(m => a === m));
只是另一种解决方案
var a1 = [1, 2, 3, 4, 5]
var a2 = [2, 4]
检查 a1 是否包含 a2 的所有元素
var result = a1.filter(e => a2.indexOf(e) !== -1).length === a2.length
console.log(result)
const result = a2.filter((e) => a1.indexOf(e) !== -1).length === a2.length;
结合使用 some/findIndex 和 indexOf 怎么样?
所以是这样的:
var array1 = ["apple","banana","orange"];
var array2 = ["grape", "pineapple"];
var found = array1.some(function(v) { return array2.indexOf(v) != -1; });
为了使其更具可读性,您可以将此功能添加到 Array 对象本身。
Array.prototype.indexOfAny = function (array) {
return this.findIndex(function(v) { return array.indexOf(v) != -1; });
}
Array.prototype.containsAny = function (array) {
return this.indexOfAny(array) != -1;
}
注意:如果你想用一个谓词做某事,你可以用另一个 findIndex 和一个谓词替换内部 indexOf
这是一个我认为应该分享的有趣案例。
假设您有一组对象和一组选定的过滤器。
let arr = [
{ id: 'x', tags: ['foo'] },
{ id: 'y', tags: ['foo', 'bar'] },
{ id: 'z', tags: ['baz'] }
];
const filters = ['foo'];
要将选定的过滤器应用于此结构,我们可以
if (filters.length > 0)
arr = arr.filter(obj =>
obj.tags.some(tag => filters.includes(tag))
);
// [
// { id: 'x', tags: ['foo'] },
// { id: 'y', tags: ['foo', 'bar'] }
// ]
添加到数组原型
免责声明:许多人强烈建议不要这样做。唯一真正成为问题的是库是否添加了具有相同名称(行为不同)或类似名称的原型函数。
代码:
Array.prototype.containsAny = function(arr) {
return this.some(
(v) => (arr.indexOf(v) >= 0)
)
}
不使用大箭头函数:
Array.prototype.containsAny = function(arr) {
return this.some(function (v) {
return arr.indexOf(v) >= 0
})
}
用法
var a = ["a","b"]
console.log(a.containsAny(["b","z"])) // Outputs true
console.log(a.containsAny(["z"])) // Outputs false
我的解决方案应用了 Array.prototype.some() 和 Array.prototype.includes() 数组助手,它们的工作效率也很高
ES6
const originalFruits = ["苹果","香蕉","橙子"];常量水果1 = [“苹果”,“香蕉”,“菠萝”];常量水果2 = [“葡萄”,“菠萝”]; const commonFruits = (myFruitsArr, otherFruitsArr) => { return myFruitsArr.some(fruit => otherFruitsArr.includes(fruit)) } console.log(commonFruits(originalFruits, fruits1)) //returns true; console.log(commonFruits(originalFruits, fruits2)) //返回 false;
当我查看您的答案时,我找不到我想要的答案。我自己做了一些事情,我想和你分享。
仅当输入的单词(数组)正确时才会成立。
函数包含(a,b){让计数器= 0; for(var i = 0; i < b.length; i++) {; if(a.includes(b[i])) 计数器++; } if(counter === b.length) return true;返回假; } 让 main_array = ['foo','bar','baz'];让 sub_array_a = ['foo','foobar'];让 sub_array_b = ['foo','bar']; console.log(包含(main_array, sub_array_a)); // 返回 false console.log(contains(main_array,sub_array_b )); // 返回真
可以通过简单地遍历主数组并检查其他数组是否包含任何目标元素来完成。
尝试这个:
function Check(A) {
var myarr = ["apple", "banana", "orange"];
var i, j;
var totalmatches = 0;
for (i = 0; i < myarr.length; i++) {
for (j = 0; j < A.length; ++j) {
if (myarr[i] == A[j]) {
totalmatches++;
}
}
}
if (totalmatches > 0) {
return true;
} else {
return false;
}
}
var fruits1 = new Array("apple", "grape");
alert(Check(fruits1));
var fruits2 = new Array("apple", "banana", "pineapple");
alert(Check(fruits2));
var fruits3 = new Array("grape", "pineapple");
alert(Check(fruits3));
不确定这在性能方面的效率如何,但这是我使用数组解构来保持一切美好和简短的方法:
const shareElements = (arr1, arr2) => {
const typeArr = [...arr1, ...arr2]
const typeSet = new Set(typeArr)
return typeArr.length > typeSet.size
}
由于集合不能有重复的元素,而数组可以,组合两个输入数组,将其转换为集合,并比较集合大小和数组长度会告诉你它们是否共享任何元素。
嵌套调用 .find()
的数组 .filter()
将返回第一个数组中属于第二个数组的所有元素。检查返回数组的长度以确定第二个数组是否在第一个数组中。
getCommonItems(firstArray, secondArray) {
return firstArray.filter((firstArrayItem) => {
return secondArray.find((secondArrayItem) => {
return firstArrayItem === secondArrayItem;
});
});
}
var a1 = [1,2,3];
var a2 = [1,2];
_.every(a1, function(e){ return _.include(a2, e); } ); //=> false
_.every(a2, function(e){ return _.include(a1, e); } ); //=> true
indexOf
的所有其他解决方案更复杂,我认为相反:)。另一方面,我同意尝试不添加外部库,如果它们不是真的需要的话,但我并不真正痴迷于此,第三方库不仅提供有用的功能,而且提供 solid 功能.例如:您是否使用您的解决方案测试了所有边缘案例和市长浏览器?..(顺便说一下,every
不是尝试在列表中查找索引,而是评估 every 列表中的元素)
具有部分匹配和不区分大小写的 Vanilla JS
以前的一些方法的问题是它们需要每个单词的精确匹配。但是,如果您想提供部分匹配的结果怎么办?
function search(arrayToSearch, wordsToSearch) {
arrayToSearch.filter(v =>
wordsToSearch.every(w =>
v.toLowerCase().split(" ").
reduce((isIn, h) => isIn || String(h).indexOf(w) >= 0, false)
)
)
}
//Usage
var myArray = ["Attach tag", "Attaching tags", "Blah blah blah"];
var searchText = "Tag attach";
var searchArr = searchText.toLowerCase().split(" "); //["tag", "attach"]
var matches = search(myArray, searchArr);
//Will return
//["Attach tag", "Attaching tags"]
当您想要提供一个搜索框时,这很有用,用户可以在其中键入单词,并且结果可以以任何顺序、位置和大小写包含这些单词。
更新@Paul Grimshaw 答案,使用 includes
而不是 indexOf
以提高可读性
让找到 = arr1.some(r=> arr2.indexOf(r) >= 0) 让找到 = arr1.some(r=> arr2.includes(r))
良好的性能解决方案:
我们应该将数组之一转换为对象。
const contains = (arr1, mainObj) => arr1.some(el => el in mainObj);
const includes = (arr1, mainObj) => arr1.every(el => el in mainObj);
用法:
const mainList = ["apple", "banana", "orange"];
// We make object from array, you can use your solution to make it
const main = Object.fromEntries(mainList.map(key => [key, true]));
contains(["apple","grape"], main) // => true
contains(["apple","banana","pineapple"], main) // => true
contains(["grape", "pineapple"], main) // => false
includes(["apple", "grape"], main) // => false
includes(["banana", "apple"], main) // => true
您可能会面临通过 in 运算符检查的一些缺点(例如 {} // => true 中的“toString”),因此您可以将解决方案更改为 obj[key] 检查器
我想出了一个使用下划线js的节点解决方案,如下所示:
var checkRole = _.intersection(['A','B'], ['A','B','C']);
if(!_.isEmpty(checkRole)) {
next();
}
就个人而言,我会使用以下功能:
var arrayContains = function(array, toMatch) {
var arrayAsString = array.toString();
return (arrayAsString.indexOf(','+toMatch+',') >-1);
}
“toString()”方法将始终使用逗号分隔值。只会真正适用于原始类型。
console.log("searching Array: "+finding_array);
console.log("searching in:"+reference_array);
var check_match_counter = 0;
for (var j = finding_array.length - 1; j >= 0; j--)
{
if(reference_array.indexOf(finding_array[j]) > 0)
{
check_match_counter = check_match_counter + 1;
}
}
var match = (check_match_counter > 0) ? true : false;
console.log("Final result:"+match);
var target = ["apple","banana","orange"];
var checkArray = ["apple","banana","pineapple"];
var containsOneCommonItem = target.some(x => checkArray.some(y => y === x));`
["apple","grape"] //returns true;
["apple","banana","pineapple"] //returns true;
["grape", "pineapple"] //returns false;
你可以做这样的事情
let filteredArray = array.filter((elm) => {
for (let i=0; i<anotherAray.length; i++) {
return elm.includes(anotherArray[i])
}
})
不定期副业成功案例分享
[false, false, false]
而不是空数组[]
?.filter()
来获取适用于手头任务的行列表,some()
方法派上了用场。谢谢你。var searchTerms = ['term1', 'term2', 'term3', 'term4'];
var results = csvRows.filter(row => searchTerms.some(value => row.column1.includes(value)));