JavaScript 数组包含 | CSS-Tricks

Javascript 对象非常棒，但有时它们缺少一些有用的函数/方法。上面的示例是使用数组。了解你的数组中是否包含一个项目非常有用。当然，你可以编写一个接受数组和你要检查的项目的函数，但向 Array 对象添加 contains( item ) 方法要干净得多。

扩展 JavaScript 数组

/**
 * Array.prototype.[method name] allows you to define/overwrite an objects method
 * needle is the item you are searching for
 * this is a special variable that refers to "this" instance of an Array.
 * returns true if needle is in the array, and false otherwise
 */
Array.prototype.contains = function ( needle ) {
   for (i in this) {
       if (this[i] == needle) return true;
   }
   return false;
}

用法

// Now you can do things like:
var x = Array();
if (x.contains('foo')) {
   // do something special
}

# 2009 年 9 月 6 日

我建议使它更严格，

if (this[i] == needle) return true;

到

if (this[i] === needle) return true;

例如，1 等于 true。除非你使用 ===

Alex

# 2009 年 9 月 6 日

谢谢 V1，你说得完全正确。这绝对应该是一个 ===。

James

# 2009 年 9 月 8 日

“i” 应该在本地声明（使用 var 语句）。目前你将其设置为全局变量。此外，你不应该对数组使用“for(i in something)”结构。相反，使用传统的 for 或 while 循环；它们快得多。

Jhuni

# 2010 年 4 月 1 日

以下是我如何编写它，仅 83 kb 压缩版

var contains = function( arr, value ) {

	var i = 0, len = arr.length;

	while( i < len && arr[i] != value ) {

		i++;

	}

	return i != len;

};

einstein

# 2010 年 4 月 8 日

谢谢，它真的有效。

David Chambers

# 2010 年 8 月 13 日

更棒的是这样写

function contains(arr, value) {
    var i = arr.length;
    while (i--) {
        if (arr[i] === value) return true;
    }
    return false;
}

Ivan

评论永久链接# 2017 年 3 月 11 日

在我看来，这是最好的。

John Doe

# 2010 年 11 月 1 日

/**
* is_array
*
* @param mixed input
* @return bol
*/

function is_array(obj) {
if (obj.constructor.toString().indexOf(‘Array’) == -1) {
return false;
}
return true;
}

/**
* contains
*
* @param mixed input
* @param string value
* @return bol
*/

watermelonbunny

# 2012 年 5 月 19 日

我更愿意遵循 String 的 indexOf 方法。
此功能已存在于大多数浏览器中，因此只需进行简单的功能检测，你就可以将其添加到不支持的浏览器中

if(!Array.indexOf){
 Array.prototype.indexOf = function(obj){
  for(var i=0;i<this.length;i++){
   if(this[i]==obj)
    return i;
  }
  return -1;
 }
}

显然，这不会返回布尔值（if...!=-1），但你可能想知道对象在数组中的第一个位置，因此这更加方便，如果你已经在那里，你就知道...
你可以修改它在数组中向后移动，在大型数组中向后移动通常更快（出于某种原因），但随后你将获得对象在数组中出现的最后一个位置

var i = this.length;
while(i--){
...
}

black

# 2012 年 11 月 26 日

为什么不使用本机的 indexOf() 方法？

function contains(arr, v) {
  return arr.indexOf(v) > -1;
}

roxxypoxxy

# 2013 年 9 月 4 日

+1 给 @black。
arr.indexOf(v) > -1
看起来简洁明了。

Tim

# 2014 年 4 月 14 日

indexOf() 是 IE9+，伙计们。

MarkG

评论永久链接# 2015 年 5 月 4 日
问题是，任何使用不支持 HTML5 的东西的人都在使用过时的浏览器（是的，我知道 Mozilla 在这方面拖后腿），实际上，虽然支持这些旧浏览器很好，但它们的使用率正在下降到维护该代码的成本、效益、时间和精力超过了对非常小的浏览器用户群的感知效益的程度。

我将接受这种方法，因为它涵盖了大多数情况，只需将字符串化然后测试。
```
Array.prototype.inArray = function( needle ){
    return Array(this).join(",").indexOf(needle) >-1;
}
```
... 并且可能会因通常的批评而受到批评，是的，它没有检查，你不能管教别人，如果有人误用函数或代码，那是他们的错......

如果你想让它更健壮，可以尝试按照这条路线走下去... :D
```
Array.prototype.inArray = function( needle ){
    try{
        return Array(this).join(",").indexOf(needle) >-1;
    }catch(e){
        // Oooo, an error!
        if( window.console) console.log("Error : "+e)
    }
}
```
添加 try & catch 意味着你将控制错误，因此某种程度的检查正在发生，尽管它控制的是什么取决于你！

使用，
```
var x = haystack.inArray(needle,3);
var x = ["Cheese","Onion","Pickle","Ham"].inArray("Bread");
```
正如你所预期的那样，false 是结果，“Bread” 未出现在列表中，因此合乎逻辑的响应是 false。

Cristian

# 2014 年 9 月 30 日

太棒了！！真的谢谢兄弟！很好的提示

papiro

# 2015 年 12 月 16 日

Array.prototype.contains = function(needle){
  return RegExp('^'+needle+'$').test(this)
}

Lazaro

# 2016 年 8 月 16 日

EcmaScript 6 为你提供了解决方案

https://mdn.org.cn/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes

ES5 的 polyfill 包含在以下链接中
https://mdn.org.cn/es/docs/Web/JavaScript/Referencia/Objetos_globales/Array/includes#Polyfill

Hichem Chtara

# 2018 年 9 月 23 日

我将再添加一个 containsByKey(KeyName, KeyValue) 用于存储在其中的键的对象

Object.prototype.contains = function (key, value) {
//用法
//selectedNodes.containsByKey(“node_id”, SelectedNode.node_id);

if (value == undefined)
    return false;

if (this.some(obj => obj.key === value)) {
    return true;
}
return false;

};

扩展 JavaScript 数组

用法

评论

发表回复 取消回复

发表回复取消回复