JavaScript中有没有办法比较一个数组的值,看看它是否在另一个数组中?
类似于PHP的in_array
功能?
答案 0 :(得分:242)
不,它没有。出于这个原因,大多数流行的库都带有一个实用程序包。查看jQuery的 inArray 和Prototype的 Array.indexOf 以获取示例。
jQuery的实现非常简单:
function inArray(needle, haystack) {
var length = haystack.length;
for(var i = 0; i < length; i++) {
if(haystack[i] == needle) return true;
}
return false;
}
如果你正在处理大量的数组元素,那么上面就可以很好地解决这个问题了。
编辑:哎呀。我甚至没有注意到你想看看阵列是否在另一个阵列中。根据PHP文档,这是PHP in_array
的预期行为:
$a = array(array('p', 'h'), array('p', 'r'), 'o');
if (in_array(array('p', 'h'), $a)) {
echo "'ph' was found\n";
}
if (in_array(array('f', 'i'), $a)) {
echo "'fi' was found\n";
}
if (in_array('o', $a)) {
echo "'o' was found\n";
}
// Output:
// 'ph' was found
// 'o' was found
Chris和Alex发布的代码不遵循此行为。 Alex是Prototype的indexOf的官方版本,而Chris的更像是PHP的array_intersect
。这样做你想要的:
function arrayCompare(a1, a2) {
if (a1.length != a2.length) return false;
var length = a2.length;
for (var i = 0; i < length; i++) {
if (a1[i] !== a2[i]) return false;
}
return true;
}
function inArray(needle, haystack) {
var length = haystack.length;
for(var i = 0; i < length; i++) {
if(typeof haystack[i] == 'object') {
if(arrayCompare(haystack[i], needle)) return true;
} else {
if(haystack[i] == needle) return true;
}
}
return false;
}
这是我对上面的测试:
var a = [['p','h'],['p','r'],'o'];
if(inArray(['p','h'], a)) {
alert('ph was found');
}
if(inArray(['f','i'], a)) {
alert('fi was found');
}
if(inArray('o', a)) {
alert('o was found');
}
// Results:
// alerts 'ph' was found
// alerts 'o' was found
请注意,我故意不扩展Array原型,因为这通常是一个坏主意。
答案 1 :(得分:65)
Array.indexOf
是在JavaScript 1.6中引入的,但旧版浏览器不支持它。值得庆幸的是,Mozilla的故事为你做了all the hard work,并为你提供兼容性:
if (!Array.prototype.indexOf)
{
Array.prototype.indexOf = function(elt /*, from*/)
{
var len = this.length >>> 0;
var from = Number(arguments[1]) || 0;
from = (from < 0)
? Math.ceil(from)
: Math.floor(from);
if (from < 0)
from += len;
for (; from < len; from++)
{
if (from in this &&
this[from] === elt)
return from;
}
return -1;
};
}
甚至还有一些方便的使用片段可以帮助您实现脚本乐趣。
答案 2 :(得分:39)
includes()方法确定数组是否包含某个数组 元素,适当地返回true或false。
C:/temp/D4Sgyb_.gitignore
语法
var a = [1, 2, 3];
a.includes(2); // true
a.includes(4); // false
答案 3 :(得分:14)
如果索引不是按顺序排列,或者索引不是连续的,则此处列出的其他解决方案中的代码将会中断。一个可以更好地工作的解决方案可能是:
function in_array(needle, haystack) {
for(var i in haystack) {
if(haystack[i] == needle) return true;
}
return false;
}
而且,作为奖励,这里相当于PHP的array_search(用于查找数组中元素的键:
function array_search(needle, haystack) {
for(var i in haystack) {
if(haystack[i] == needle) return i;
}
return false;
}
答案 4 :(得分:9)
有一个名为Locutus的项目,它在Javascript中实现了PHP函数,并且包含了in_array(),您可以像在PHP中一样使用它。
使用示例:
in_array('van', myArray);
in_array(1, otherArray, true); // Forcing strict type
答案 5 :(得分:6)
PHP方式:
if (in_array('a', ['a', 'b', 'c'])) {
// do something if true
}
我在JS中的解决方案:
if (['a', 'b', 'c'].includes('a')) {
// do something if true
}
答案 6 :(得分:5)
jQuery解决方案可用,请查看此处的ducumentation: http://api.jquery.com/jquery.inarray/
$.inArray( 10, [ 8, 9, 10, 11 ] );
答案 7 :(得分:4)
var a = [1,2,3,4,5,6,7,8,9];
var isSixInArray = a.filter(function(item){return item==6}).length ? true : false;
var isSixInArray = a.indexOf(6)>=0;
答案 8 :(得分:3)
如果您只想检查单个值是否在数组中,那么Paolo的代码将完成这项工作。如果你想检查两个数组共有哪些值,那么你会想要这样的东西(使用Paolo的inArray函数):
function arrayIntersect(a, b) {
var intersection = [];
for(var i = 0; i < a.length; i++) {
if(inArray(b, a[i]))
intersection.push(a[i]);
}
return intersection;
}
这将返回a
和b
中的值数组。 (数学上,这是两个数组的intersection。)
编辑:有关问题的解决方案,请参阅Paolo's Edited Code。 :)
答案 9 :(得分:3)
有一个等效的功能:
includes()
看这里: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes
答案 10 :(得分:3)
将此代码添加到项目中并使用对象样式inArray方法
if (!Array.prototype.inArray) {
Array.prototype.inArray = function(element) {
return this.indexOf(element) > -1;
};
}
//How it work
var array = ["one", "two", "three"];
//Return true
array.inArray("one");
答案 11 :(得分:3)
如果您需要所有PHP个可用参数,请使用:
function in_array(needle, haystack, argStrict) {
var key = '', strict = !!argStrict;
if (strict) {
for (key in haystack) {
if (haystack[key] === needle) {
return true;
}
}
}
else {
for (key in haystack) {
if (haystack[key] == needle) {
return true;
}
}
}
return false;
}
答案 12 :(得分:2)
haystack.find(value => value == needle)
其中,干草堆是一个数组,而needle是数组中的元素。如果找不到元素,则返回undefined,否则返回相同的元素。
答案 13 :(得分:2)
使用Dojo Toolkit,您将使用dojo.indexOf()
。有关文档,请参阅 dojo.indexOf ,以及Bryan Forbes的 Arrays Made Easy 。
答案 14 :(得分:1)
我在SO上找到了一个很棒的jQuery解决方案here。
var success = $.grep(array_a, function(v,i) {
return $.inArray(v, array_b) !== -1;
}).length === array_a.length;
我希望有人会在下划线中发布如何执行此操作的示例。
答案 15 :(得分:1)
function in_array(what, where) {
var a=false;
for (var i=0; i<where.length; i++) {
if(what == where[i]) {
a=true;
break;
}
}
return a;
}
答案 16 :(得分:1)
看起来像
let myArray = ['Kevin', 'Bob', 'Stuart'];
if( myArray.includes('Kevin'))
alert('Kevin is here');
答案 17 :(得分:0)
function in_array(needle, haystack){
return haystack.indexOf(needle) !== -1;
}
答案 18 :(得分:0)
相当于in_array
underscore
_.indexOf
示例:
_.indexOf([3, 5, 8], 8); // returns 2, the index of 8
_.indexOf([3, 5, 8], 10); // returns -1, not found
答案 19 :(得分:0)
如果您打算在课堂上使用它,并且您希望它能够正常使用(并且适用于所有浏览器):
inArray: function(needle, haystack)
{
var result = false;
for (var i in haystack) {
if (haystack[i] === needle) {
result = true;
break;
}
}
return result;
}
希望它可以帮助某人: - )