내가 이것을 가지고 있다고 가정 해 봅시다.

var blockedTile = new Array("118", "67", "190", "43", "135", "520");

더 많은 배열 요소가 있지만 읽기 쉬운 목적으로 몇 가지가 있습니다. 어쨌든, 나는 "for"루프를 수행 할 수 있지만 맵을 클릭 할 때마다 500 개의 루프를 수행합니다. 특정 문자열이 배열에 있는지 확인하는 다른 방법이 있습니까?

이 시도:

if(blockedTile.indexOf("118") != -1)
{  
   // element found
}

앞서 언급했듯이, 브라우저가을 지원 indexOf()하면 훌륭합니다! 그렇지 않은 경우,이를 pollyfil하거나 lodash / underscore 와 같은 유틸리티 벨트에 의존해야 합니다 .

이 새로운 ES2016 추가 사항 을 추가하고 싶었습니다 (이 질문을 계속 업데이트하십시오).

Array.prototype.includes ()

if (blockedTile.includes("118")) {
    // found element
}

function in_array(needle, haystack){
    var found = 0;
    for (var i=0, len=haystack.length;i<len;i++) {
        if (haystack[i] == needle) return i;
            found++;
    }
    return -1;
}
if(in_array("118",array)!= -1){
//is in array
}

Underscore.js 사용

그것은 크로스 브라우저 준수 와 데이터가 정렬되어있는 경우 이진 검색을 수행 할 수 있습니다.

_.indexOf

_.indexOf (array, value, [isSorted]) 배열에서 값을 찾을 수있는 인덱스를 반환하거나 값이 배열에 없으면 -1을 반환합니다. 누락되지 않은 경우 native indexOf 함수를 사용합니다. 큰 배열로 작업 중이고 배열이 이미 정렬되어 있다는 것을 알고 있다면 isSorted에 대해 더 빠른 이진 검색을 사용하려면 true를 전달하십시오.

예

//Tell underscore your data is sorted (Binary Search)
if(_.indexOf(['2','3','4','5','6'], '4', true) != -1){
    alert('true');
}else{
    alert('false');   
}

//Unsorted data works to!
if(_.indexOf([2,3,6,9,5], 9) != -1){
    alert('true');
}else{
    alert('false');   
}

일부 브라우저는을 지원 Array.indexOf()합니다.

그렇지 않은 경우 Array프로토 타입을 통해 오브젝트를 확장 할 수 있습니다 .

if (!Array.prototype.indexOf)
{
  Array.prototype.indexOf = function(searchElement /*, fromIndex */)
  {
    "use strict";

    if (this === void 0 || this === null)
      throw new TypeError();

    var t = Object(this);
    var len = t.length >>> 0;
    if (len === 0)
      return -1;

    var n = 0;
    if (arguments.length > 0)
    {
      n = Number(arguments[1]);
      if (n !== n) // shortcut for verifying if it's NaN
        n = 0;
      else if (n !== 0 && n !== (1 / 0) && n !== -(1 / 0))
        n = (n > 0 || -1) * Math.floor(Math.abs(n));
    }

    if (n >= len)
      return -1;

    var k = n >= 0
          ? n
          : Math.max(len - Math.abs(n), 0);

    for (; k < len; k++)
    {
      if (k in t && t[k] === searchElement)
        return k;
    }
    return -1;
  };
}

소스 .

취향에 맞게 사용하십시오.

var blockedTile = [118, 67, 190, 43, 135, 520];

// includes (js)

if ( blockedTile.includes(118) ){
    console.log('Found with "includes"');
}

// indexOf (js)

if ( blockedTile.indexOf(67) !== -1 ){
    console.log('Found with "indexOf"');
}

// _.indexOf (Underscore library)

if ( _.indexOf(blockedTile, 43, true) ){
    console.log('Found with Underscore library "_.indexOf"');
}

// $.inArray (jQuery library)

if ( $.inArray(190, blockedTile) !== -1 ){
    console.log('Found with jQuery library "$.inArray"');
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

if(array.indexOf("67") != -1) // is in array

2019 년에하는 가장 좋은 방법은 .includes()

[1, 2, 3].includes(2);     // true
[1, 2, 3].includes(4);     // false
[1, 2, 3].includes(1, 2);  // false

첫 번째 매개 변수는 당신이 찾고있는 것입니다. 두 번째 매개 변수는 검색을 시작할이 배열의 색인 위치입니다.

여기에 크로스 뷰가 필요한 경우 많은 레거시 답변이 있습니다.

이미 위에서 답변했지만 공유하고 싶었습니다.

IE에서는 작동하지 않습니다. @Mahmoud를 언급 해 주셔서 감사합니다.

var array1 = [1, 2, 3];

console.log(array1.includes(2));
// expected output: true

var pets = ['cat', 'dog', 'bat'];

console.log(pets.includes('cat'));
// expected output: true

console.log(pets.includes('at'));
// expected output: false

여기에 몇 가지 참조가 있습니다. 그들은 또한 위의 Polyfill을 가지고 있습니다.

사용 가능한 JavaScript 버전에 따라 다음을 사용할 수 있습니다 indexOf.

주어진 요소가 배열에서 발견 될 수있는 첫 번째 색인을 리턴하거나 존재하지 않는 경우 -1을 리턴합니다.

또는 some:

배열의 일부 요소가 제공된 함수로 구현 된 테스트를 통과하는지 테스트합니다.

그러나 이런 종류의 존재 검사를 많이하는 경우 Object를 사용하여 문자열 (또는 데이터로 수행중인 작업에 따라 Array뿐만 아니라 객체)을 저장하는 것이 좋습니다.

배열이 최상의 솔루션이 아닌 것처럼 보이기 때문에 다른 데이터 구조를 사용합니다.

배열 대신 객체를 해시 테이블로 사용하십시오.

( jsbin 에도 게시 됨 )

var arr = ["x", "y", "z"];
var map = {};
for (var k=0; k < arr.length; ++k) {
  map[arr[k]] = true;
}

function is_in_map(key) {
  try {
    return map[key] === true;
  } catch (e) {
    return false;
  }
}


function print_check(key) {
  console.log(key + " exists? - " + (is_in_map(key) ? "yes" : "no"));
}

print_check("x");
print_check("a");

콘솔 출력 :

x exists? - yes
a exists? - no

그것은 간단한 해결책입니다. 객체 지향 접근 방식에 더 관심이 있다면 Google에서 "js hashtable" 을 검색하십시오 .

이전 브라우저와 가장 호환되는 IMHO

Array.prototype.inArray = function( needle ){

    return Array(this).join(",").indexOf(needle) >-1;

}

var foods = ["Cheese","Onion","Pickle","Ham"];
test = foods.inArray("Lemon");
console.log( "Lemon is " + (test ? "" : "not ") + "in the list." );

배열 사본을 CSV 문자열로 변환하면 이전 브라우저에서 문자열을 테스트 할 수 있습니다.

왜 Array.filter를 사용하지 않습니까?

var array = ['x','y','z'];
array.filter(function(item,index,array){return(item==YOURVAL)}).

코드에 복사하면됩니다.

Array.prototype.inArray = function (searchedVal) {
return this.filter(function(item,index,array){return(item==searchedVal)}).length==true
}

배열 예제에서는 PHP와 동일합니다 (in_array)

 var ur_fit = ["slim_fit", "tailored", "comfort"];
 var ur_length = ["length_short", "length_regular", "length_high"];
    if(ur_fit.indexOf(data_this)!=-1){
        alert("Value is avail in ur_fit array");
    }
    else if(ur_length.indexOf(data_this)!=-1){      
         alert("value is avail in ur_legth array"); 

    }

var myArray = [2,5,6,7,9,6];
myArray.includes(2) // is true
myArray.includes(14) // is false

아래 코드를 시도해 볼 수 있습니다. http://api.jquery.com/jquery.grep/를 확인하십시오.

var blockedTile = new Array("118", "67", "190", "43", "135", "520");
var searchNumber = "11878";
arr = jQuery.grep(blockedTile, function( i ) {
  return i === searchNumber;
});
if(arr.length){ console.log('Present'); }else{ console.log('Not Present'); }

arr.length가 0보다 크면 문자열이 있고 그렇지 않으면 존재하지 않는지 확인하십시오.

가장 간단한 방법은 다음과 같습니다.

(118 in blockedTile); //is true