我需要确定数组中是否存在一个值。
我正在使用以下函数:
Array.prototype.contains = function(obj) {
var i = this.length;
while (i--) {
if (this[i] == obj) {
return true;
}
}
return false;
}
上面的函数总是返回false。
数组值和函数调用如下所示:
arrValues = ["Sam","Great", "Sample", "High"]
alert(arrValues.contains("Sam"));
var contains = function(needle) {
// Per spec, the way to identify NaN is that it is not equal to itself
var findNaN = needle !== needle;
var indexOf;
if(!findNaN && typeof Array.prototype.indexOf === 'function') {
indexOf = Array.prototype.indexOf;
} else {
indexOf = function(needle) {
var i = -1, index = -1;
for(i = 0; i < this.length; i++) {
var item = this[i];
if((findNaN && item !== item) || item === needle) {
index = i;
break;
}
}
return index;
};
}
return indexOf.call(this, needle) > -1;
};
你可以这样使用它:
var myArray = [0,1,2],
needle = 1,
index = contains.call(myArray, needle); // true
CodePen验证/使用
给定IE的indexOf实现(由eyelidlessness描述):
Array.prototype.contains = function(obj) {
return this.indexOf(obj) > -1;
};
jQuery有一个实用函数:
$.inArray(value, array)
返回数组中值的索引。如果数组不包含值，则返回-1。
另参见如何检查数组中是否包含JavaScript对象?
答案对我来说并不管用，但它给了我一个想法:
Array.prototype.contains = function(obj)
{
return (this.join(',')).indexOf(obj) > -1;
}
它并不完美，因为在分组之外相同的项目最终可能是匹配的。比如我的例子
var c=[];
var d=[];
function a()
{
var e = '1';
var f = '2';
c[0] = ['1','1'];
c[1] = ['2','2'];
c[2] = ['3','3'];
d[0] = [document.getElementById('g').value,document.getElementById('h').value];
document.getElementById('i').value = c.join(',');
document.getElementById('j').value = d.join(',');
document.getElementById('b').value = c.contains(d);
}
当我调用这个函数时，'g'和'h'字段分别包含1和2，它仍然能找到它，因为连接的结果字符串是:1,1,2,2,3,3
因为在我的情况下，我不确定是否会遇到这种情况，所以我使用了这个。我想我应该分享一下，以防其他人也不能做出选择的答案。
博士tl;
function includes(k) {
for(var i=0; i < this.length; i++){
if( this[i] === k || ( this[i] !== this[i] && k !== k ) ){
return true;
}
}
return false;
}
例子
函数包含(k) { (var = 0;I < this.length;我+ +){ 如果(这[我]= = = k | |(这[我]! = =这[我]& & k ! = = k)) { 返回true; ｝ ｝ 返回错误; ｝ 函数日志(味精){ $(“#”)。追加('<div>' + MSG + '</div>'); ｝ var arr = [1， "2"， NaN, true]; 加勒比海盗。Includes =包含; log('var arr = [1， "2"， NaN, true];'); 日志(“< br / >”); Log ('arr.includes(1): ' + arr.includes(1)); Log ('arr.includes(2): ' + arr.includes(2)); Log ('arr.includes("2"): ' + arr.includes("2")); log('arr.includes(NaN): ' + arr.includes(NaN)); Log ('arr.includes(true): ' + arr.includes(true)); Log ('arr.includes(false): ' + arr.includes(false)); #出{ 字体类型:等宽字体; ｝ < script src = " https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js " > < /脚本> < div id =了> < / div >
再回答
我知道这个问题实际上不是关于是否扩展内置对象，但是OP的尝试和对这个答案的评论突出了这个争论。我13年2月12日的评论引用了一篇文章，很好地概述了这场辩论，但是那个链接坏了，我无法编辑原始评论，因为时间过得太久了，所以我把它放在这里。
如果您希望使用contains方法扩展内置Array对象，那么最好且最负责任的方法可能是使用MDN中的这个polyfill。(另请参阅MDN文章中关于原型继承的部分，其中解释了“扩展内置原型的唯一好理由是向后移植新JavaScript引擎的特性;例如Array。forEach等。”)
if (!Array.prototype.includes) {
Array.prototype.includes = function(searchElement /*, fromIndex*/ ) {
'use strict';
var O = Object(this);
var len = parseInt(O.length) || 0;
if (len === 0) {
return false;
}
var n = parseInt(arguments[1]) || 0;
var k;
if (n >= 0) {
k = n;
} else {
k = len + n;
if (k < 0) {k = 0;}
}
var currentElement;
while (k < len) {
currentElement = O[k];
if (searchElement === currentElement ||
(searchElement !== searchElement && currentElement !== currentElement)) {
return true;
}
k++;
}
return false;
};
}
不想要严格的平等，还是想要选择?
function includes(k, strict) {
strict = strict !== false; // default is true
// strict = !!strict; // default is false
for(var i=0; i < this.length; i++){
if( (this[i] === k && strict) ||
(this[i] == k && !strict) ||
(this[i] !== this[i] && k !== k)
) {
return true;
}
}
return false;
}
你可以使用_。方法，或者如果你不想在你的应用程序中包含整个Underscore.js库，你可以看看他们是如何做的，并提取必要的代码。
_.indexOf = function(array, item, isSorted) {
if (array == null) return -1;
var i = 0, l = array.length;
if (isSorted) {
if (typeof isSorted == 'number') {
i = (isSorted < 0 ? Math.max(0, l + isSorted) : isSorted);
} else {
i = _.sortedIndex(array, item);
return array[i] === item ? i : -1;
}
}
if (nativeIndexOf && array.indexOf === nativeIndexOf) return array.indexOf(item, isSorted);
for (; i < l; i++) if (array[i] === item) return i;
return -1;
};
我的小小贡献:
function isInArray(array, search)
{
return array.indexOf(search) >= 0;
}
//usage
if(isInArray(my_array, "my_value"))
{
//...
}
使用像lodash这样的库几乎总是更安全，因为存在跨浏览器兼容性和效率方面的所有问题。
效率，因为你可以保证在任何给定的时间，一个非常流行的库，如下划线，将有最有效的方法来完成这样的效用函数。
_.includes([1, 2, 3], 3); // returns true
如果你担心通过包含整个库而添加到应用程序中的大量内容，那么你可以单独包含功能:
var includes = require('lodash/collections/includes');
注意:在旧版本的lodash中，这是_.contains()而不是_.includes()。
function setFound(){
var l = arr.length, textBox1 = document.getElementById("text1");
for(var i=0; i<l;i++)
{
if(arr[i]==searchele){
textBox1 .value = "Found";
return;
}
}
textBox1 .value = "Not Found";
return;
}
这个程序检查是否找到给定的元素。Id Text1表示文本框的id, searchele表示要的元素 搜索(得到fron user);如果需要索引，请使用I值
另一种选择是使用Array。部分(如有)采用以下方式:
Array.prototype.contains = function(obj) {
return this.some( function(e){ return e === obj } );
}
传递给Array的匿名函数。当且仅当数组中存在与obj相同的元素时，一些函数将返回true。如果没有这样的元素，则该函数对于数组的任何元素都不会返回true，因此array .数组将返回true。有些也会返回false。
Array.prototype.includes ()
在ES2016中，有Array.prototype.includes()。
includes()方法确定数组是否包含某个元素，根据需要返回true或false。
例子
["Sam", "Great", "Sample", "High"].includes("Sam"); // true
支持
根据kangax和MDN，支持以下平台:
Chrome 47 边缘14 Firefox 43 歌剧34 Safari 9 节点6
支持可以使用Babel(使用Babel -polyfill)或core-js扩展。MDN还提供了polyfill:
if (![].includes) {
Array.prototype.includes = function(searchElement /*, fromIndex*/ ) {
'use strict';
var O = Object(this);
var len = parseInt(O.length) || 0;
if (len === 0) {
return false;
}
var n = parseInt(arguments[1]) || 0;
var k;
if (n >= 0) {
k = n;
} else {
k = len + n;
if (k < 0) {k = 0;}
}
var currentElement;
while (k < len) {
currentElement = O[k];
if (searchElement === currentElement ||
(searchElement !== searchElement && currentElement !== currentElement)) {
return true;
}
k++;
}
return false;
};
}
使用数组.map函数对数组中的每个值执行一个函数对我来说似乎是最干净的。
裁判:Array.prototype.map ()
此方法既适用于简单数组，也适用于需要查看对象数组中是否存在键/值的对象数组。
function inArray(myArray,myValue){
var inArray = false;
myArray.map(function(key){
if (key === myValue){
inArray=true;
}
});
return inArray;
};
var anArray = [2,4,6,8]
console.log(inArray(anArray, 8)); // returns true
console.log(inArray(anArray, 1)); // returns false
function inArrayOfObjects(myArray,myValue,objElement){
var inArray = false;
myArray.map(function(arrayObj){
if (arrayObj[objElement] === myValue) {
inArray=true;
}
});
return inArray;
};
var objArray = [{id:4,value:'foo'},{id:5,value:'bar'}]
console.log(inArrayOfObjects(objArray, 4, 'id')); // returns true
console.log(inArrayOfObjects(objArray, 'bar', 'value')); // returns true
console.log(inArrayOfObjects(objArray, 1, 'id')); // returns false
如果您可以访问ECMA 5，您可以使用some方法。
MDN SOME方法链接
arrValues = ["Sam","Great", "Sample", "High"];
function namePresent(name){
return name === this.toString();
}
// Note:
// namePresent requires .toString() method to coerce primitive value
// i.e. String {0: "S", 1: "a", 2: "m", length: 3, [[PrimitiveValue]]: "Sam"}
// into
// "Sam"
arrValues.some(namePresent, 'Sam');
=> true;
如果您可以访问ECMA 6，则可以使用includes方法。
MDN包含方法链接
arrValues = ["Sam","Great", "Sample", "High"];
arrValues.includes('Sam');
=> true;
从ECMAScript6开始，可以使用Set:
var myArray = ['A', 'B', 'C'];
var mySet = new Set(myArray);
var hasB = mySet.has('B'); // true
var hasZ = mySet.has('Z'); // false
对于包含函数，最简单的解决方案是这样的函数:
var contains = function (haystack, needle) {
return !!~haystack.indexOf(needle);
}
理想情况下，你不会让它成为一个独立的函数，而是helper库的一部分:
var helper = {};
helper.array = {
contains : function (haystack, needle) {
return !!~haystack.indexOf(needle);
},
...
};
现在，如果你碰巧是那些不幸的人之一，仍然需要支持IE<9，因此不能依赖indexOf，你可以使用这个填充，这是我从MDN:
if (!Array.prototype.indexOf) {
Array.prototype.indexOf = function(searchElement, fromIndex) {
var k;
if (this == null) {
throw new TypeError('"this" is null or not defined');
}
var o = Object(this);
var len = o.length >>> 0;
if (len === 0) {
return -1;
}
var n = +fromIndex || 0;
if (Math.abs(n) === Infinity) {
n = 0;
}
if (n >= len) {
return -1;
}
k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);
while (k < len) {
if (k in o && o[k] === searchElement) {
return k;
}
k++;
}
return -1;
};
}
哇，这个问题有很多很好的答案。
我没有看到一个采用减法的方法，所以我将添加它:
var searchForValue = 'pig';
var valueIsInArray = ['horse', 'cat', 'dog'].reduce(function(previous, current){
return previous || searchForValue === current ? true : false;
}, false);
console.log('The value "' + searchForValue + '" is in the array: ' + valueIsInArray);
这是它的演奏。
