找出JavaScript数组是否包含值的最简洁有效的方法是什么？
这是我知道的唯一方法：
function contains(a, obj) {
for (var i = 0; i < a.length; i++) {
if (a[i] === obj) {
return true;
}
}
return false;
}
有没有更好、更简洁的方法来实现这一点？
这与堆栈溢出问题密切相关。在JavaScript数组中查找项目的最佳方法是什么？它解决了使用indexOf查找数组中的对象的问题。
当前回答
这可能是一个详细而简单的解决方案。
//plain array
var arr = ['a', 'b', 'c'];
var check = arr.includes('a');
console.log(check); //returns true
if (check)
{
// value exists in array
//write some codes
}
// array with objects
var arr = [
{x:'a', y:'b'},
{x:'p', y:'q'}
];
// if you want to check if x:'p' exists in arr
var check = arr.filter(function (elm){
if (elm.x == 'p')
{
return elm; // returns length = 1 (object exists in array)
}
});
// or y:'q' exists in arr
var check = arr.filter(function (elm){
if (elm.y == 'q')
{
return elm; // returns length = 1 (object exists in array)
}
});
// if you want to check, if the entire object {x:'p', y:'q'} exists in arr
var check = arr.filter(function (elm){
if (elm.x == 'p' && elm.y == 'q')
{
return elm; // returns length = 1 (object exists in array)
}
});
// in all cases
console.log(check.length); // returns 1
if (check.length > 0)
{
// returns true
// object exists in array
//write some codes
}
其他回答
现代浏览器具有Array#includes，这正是做到这一点的，除IE外，所有人都广泛支持它：
console.log（['joe'，'jane'，'mary']includes（'jane]））//真的
您也可以使用Array#indexOf，它不那么直接，但对于过时的浏览器不需要polyfill。
console.log（['joe'，'jane'，'smary'].indexOf（'jane'）>=0）//真的
许多框架也提供类似的方法：
jQuery:$.inArray（value，array，[fromIndex]）Undercore.js:_.inclus（数组，值）（别名为_.include和_.includes）DojoToolkit:Dojo.indexOf（array，value，[fromIndex，findLast]）原型：array.indexOf（value）MooTools:array.indexOf（value）MochiKit：findValue（数组，值）MS Ajax:array.indexOf（值）Ext:Ext.Array.contains（数组，值）Lodash：_.includes（array，value，[from]）（是_.包含4.0.0之前的版本）Ramda:R.includes（值，数组）
请注意，一些框架将其作为函数实现，而另一些框架将该函数添加到数组原型中。
原型是这样做的：
/**
* Array#indexOf(item[, offset = 0]) -> Number
* - item (?): A value that may or may not be in the array.
* - offset (Number): The number of initial items to skip before beginning the
* search.
*
* Returns the position of the first occurrence of `item` within the array — or
* `-1` if `item` doesn't exist in the array.
**/
function indexOf(item, i) {
i || (i = 0);
var length = this.length;
if (i < 0) i = length + i;
for (; i < length; i++)
if (this[i] === item) return i;
return -1;
}
另请参见此处了解它们是如何连接的。
ECMAScript 6有一个很好的查找建议。
find方法对每个元素执行一次回调函数出现在数组中，直到找到回调返回true的数组价值如果找到这样的元素，find将立即返回值该元素。否则，find返回undefined。回调是仅对已赋值的数组索引调用；它不会为已删除或从未删除的索引调用已分配值。
这是MDN文档。
查找功能是这样工作的。
function isPrime(element, index, array) {
var start = 2;
while (start <= Math.sqrt(element)) {
if (element % start++ < 1) return false;
}
return (element > 1);
}
console.log( [4, 6, 8, 12].find(isPrime) ); // Undefined, not found
console.log( [4, 5, 8, 12].find(isPrime) ); // 5
通过定义函数，可以在ECMAScript 5及以下版本中使用此函数。
if (!Array.prototype.find) {
Object.defineProperty(Array.prototype, 'find', {
enumerable: false,
configurable: true,
writable: true,
value: function(predicate) {
if (this == null) {
throw new TypeError('Array.prototype.find called on null or undefined');
}
if (typeof predicate !== 'function') {
throw new TypeError('predicate must be a function');
}
var list = Object(this);
var length = list.length >>> 0;
var thisArg = arguments[1];
var value;
for (var i = 0; i < length; i++) {
if (i in list) {
value = list[i];
if (predicate.call(thisArg, value, i, list)) {
return value;
}
}
}
return undefined;
}
});
}
扩展JavaScript数组对象是一个非常糟糕的主意，因为您在for-in循环中引入了新的财产（自定义方法），这可能会破坏现有的脚本。几年前，Prototype库的作者不得不重新设计他们的库实现，以消除这种情况。
如果您不需要担心与页面上运行的其他JavaScript的兼容性，那就去尝试吧，否则，我会推荐更尴尬但更安全的独立函数解决方案。
这里是Array.indexOf的JavaScript 1.6兼容实现：
if (!Array.indexOf) {
Array.indexOf = [].indexOf ?
function(arr, obj, from) {
return arr.indexOf(obj, from);
} :
function(arr, obj, from) { // (for IE6)
var l = arr.length,
i = from ? parseInt((1 * from) + (from < 0 ? l : 0), 10) : 0;
i = i < 0 ? 0 : i;
for (; i < l; i++) {
if (i in arr && arr[i] === obj) {
return i;
}
}
return -1;
};
}
