JavaScript에서 한 배열의 값을 비교하여 다른 배열에 있는지 확인하는 방법이 있습니까?
PHP의 in_array
기능과 비슷 합니까?
JavaScript에서 한 배열의 값을 비교하여 다른 배열에 있는지 확인하는 방법이 있습니까?
PHP의 in_array
기능과 비슷 합니까?
답변:
아니요, 없습니다. 이러한 이유로 가장 인기있는 라이브러리는 유틸리티 패키지에 하나와 함께 제공됩니다. 예제는 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 프로토 타입을 의도적으로 확장하지는 않았는데, 일반적으로 그렇게하는 것은 좋지 않습니다.
indexOf
w3schools.com/jsref/jsref_indexof_array.asp의
contains () 메서드는 배열에 특정 요소가 포함되어 있는지 확인하여 적절하게 true 또는 false를 반환합니다.
var a = [1, 2, 3];
a.includes(2); // true
a.includes(4); // false
통사론
arr.includes(searchElement)
arr.includes(searchElement, fromIndex)
Array.indexOf
JavaScript 1.6에서 도입되었지만 이전 브라우저에서는 지원되지 않습니다. 고맙게도 Mozilla의 문제 는 당신을 위해 모든 노력 을 다했으며 호환성을 위해 이것을 제공했습니다.
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;
};
}
스크립팅의 즐거움을위한 편리한 사용 스 니펫도 있습니다.
this.length >>> 0
무엇입니까? 이것이 숫자 유형으로 변환됩니까?
Array.indexOf
이제 ECMAScript Fifth Edition에서 표준화되었으므로 적절한 '기본'방식으로 간주해야합니다. 그래도 오래된 브라우저에서이 백업을 스니핑하고 오랫동안 제공해야합니다. @harto : 예, this.length
부호없는 32 비트 정수로 표현할 수있는 Number 로 변환 됩니다. 기본 Array
은이 길이를 이미 준수하는 길이 만 가질 수 있지만 스펙 Array.prototype
은 그렇지 않은 기본 JS 오브젝트에서 메소드를 호출 할 수 있다고 명시합니다 Array
. 이것과 다른 논란의 여지 확인 사항은 절대적인 사양 준수를 보장하는 것입니다.
인덱스가 순서에 맞지 않거나 인덱스가 연속적이지 않으면 여기에 나열된 다른 솔루션의 코드가 손상됩니다. 다소 더 나은 솔루션은 다음과 같습니다.
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;
}
Locutus 라는 프로젝트가 있으며 Javascript로 PHP 함수를 구현하고 in_array () 가 포함되어 있으므로 PHP에서 사용하는 그대로 사용할 수 있습니다.
사용 예 :
in_array('van', myArray);
in_array(1, otherArray, true); // Forcing strict type
w3schools에서이 학습에 설명 된대로 "include"기능을 간단히 사용할 수 있습니다.
그것은 보인다
let myArray = ['Kevin', 'Bob', 'Stuart'];
if( myArray.includes('Kevin'))
console.log('Kevin is here');
jQuery 솔루션을 사용할 수 있습니다. 여기에서 ducumentation을 확인하십시오. http://api.jquery.com/jquery.inarray/
$.inArray( 10, [ 8, 9, 10, 11 ] );
동등한 기능이 있습니다 :
includes()
여기를보십시오 : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes
단일 값이 배열에 있는지 확인하려는 경우 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
. (수학적으로 이것은 두 배열 의 교차점 입니다.)
편집 : 문제에 대한 해결책 은 Paolo의 편집 코드 를 참조하십시오 . :)
사용 가능한 모든 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;
}
이 코드를 프로젝트에 추가하고 객체 스타일 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");
함께 도조 툴킷 , 당신은 사용합니다 dojo.indexOf()
. 설명서는 dojo.indexOf 및 Bryan Forbes가 만든 Arrays 를 참조하십시오 .
haystack.find(value => value == needle)
여기서 haystack은 배열이고 needle은 배열의 요소입니다. 요소를 찾지 못하면 정의되지 않은 다른 요소가 반환됩니다.
in_array
with와 동등한 underscore
것은 _.indexOf입니다.
예 :
_.indexOf([3, 5, 8], 8); // returns 2, the index of 8
_.indexOf([3, 5, 8], 10); // returns -1, not found
jQuery.inArray()
부울을 반환 하지 않습니다 . 발견 된 요소의 색인 또는 발견되지 않은 경우 -1을 리턴합니다.