Czy w JavaScript jest sposób na porównanie wartości z jednej tablicy i sprawdzenie, czy znajduje się ona w innej tablicy?
Podobne do in_array
funkcji PHP ?
Czy w JavaScript jest sposób na porównanie wartości z jednej tablicy i sprawdzenie, czy znajduje się ona w innej tablicy?
Podobne do in_array
funkcji PHP ?
Odpowiedzi:
Nie, nie ma takiego. Z tego powodu większość popularnych bibliotek jest dostarczana z jedną w swoich pakietach narzędzi. Zobacz przykłady jQuery inArray i Prototype Array.indexOf .
Implementacja jQuery jest tak prosta, jak można się spodziewać:
function inArray(needle, haystack) {
var length = haystack.length;
for(var i = 0; i < length; i++) {
if(haystack[i] == needle) return true;
}
return false;
}
Jeśli masz do czynienia z rozsądną ilością elementów tablicy, powyższe rozwiązanie dobrze się przyda.
EDYCJA : Ups. Nawet nie zauważyłem, że chcesz sprawdzić, czy tablica jest w innej. Zgodnie z dokumentacją PHP jest to oczekiwane zachowanie 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
Kod opublikowany przez Chrisa i Alexa nie jest zgodny z tym zachowaniem. Alex's to oficjalna wersja indeksu Prototype, a Chris jest bardziej podobny do PHP array_intersect
. Robi to, co chcesz:
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;
}
I to mój test na powyższym:
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
Zauważ, że celowo nie rozszerzyłem prototypu Array, ponieważ generalnie jest to zły pomysł.
indexOf
w3schools.com/jsref/jsref_indexof_array.asp
Teraz jest Array.prototype.includes
:
Metoda include () określa, czy tablica zawiera określony element, zwracając odpowiednio true lub false.
var a = [1, 2, 3];
a.includes(2); // true
a.includes(4); // false
Składnia
arr.includes(searchElement)
arr.includes(searchElement, fromIndex)
Array.indexOf
został wprowadzony w JavaScript 1.6, ale nie jest obsługiwany w starszych przeglądarkach. Na szczęście koledzy z Mozilli wykonali za ciebie całą ciężką pracę i zapewnili ci kompatybilność:
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;
};
}
Istnieje nawet kilka przydatnych fragmentów kodu dla twojej przyjemności pisania skryptów.
this.length >>> 0
? Czy to konwersja na typ liczby?
Array.indexOf
jest teraz znormalizowany przez ECMAScript Piąta edycja, dlatego należy uznać to za „rodzimy” sposób na zrobienie tego. Jednak nadal będziesz musiał długo wąchać i udostępniać tę kopię zapasową starszej przeglądarce. @arto: tak, konwertuje this.length
na liczbę, która może być reprezentowana jako 32-bitowa liczba całkowita bez znaku. Język macierzysty Array
może mieć długość, która jest już zgodna z tym, ale specyfikacja określa, że można wywoływać Array.prototype
metody na obiektach macierzystych JS, które nie są Array
. Ten i drugi pedantyczny argument sprawdzający ma zagwarantować absolutną zgodność specyfikacji.
Jeśli indeksy nie są w sekwencji lub jeśli indeksy nie są kolejne, kod w innych wymienionych tutaj rozwiązaniach ulegnie awarii. Rozwiązaniem, które działałoby nieco lepiej, może być:
function in_array(needle, haystack) {
for(var i in haystack) {
if(haystack[i] == needle) return true;
}
return false;
}
Jako bonus, oto odpowiednik PHP array_search (do znalezienia klucza elementu w tablicy:
function array_search(needle, haystack) {
for(var i in haystack) {
if(haystack[i] == needle) return i;
}
return false;
}
Istnieje projekt o nazwie Locutus , który implementuje funkcje PHP w Javascript, a in_array () jest włączony, możesz go używać dokładnie tak, jak w PHP.
Przykłady zastosowania:
in_array('van', myArray);
in_array(1, otherArray, true); // Forcing strict type
Możesz po prostu użyć funkcji „zawiera”, jak wyjaśniono w tej lekcji na temat w3schools
to wygląda jak
let myArray = ['Kevin', 'Bob', 'Stuart'];
if( myArray.includes('Kevin'))
console.log('Kevin is here');
var a = [1,2,3,4,5,6,7,8,9];
var isSixInArray = a.filter(function(item){return item==6}).length ? true : false;
var isSixInArray = a.indexOf(6)>=0;
Rozwiązanie jQuery jest dostępne, sprawdź dokumentację tutaj: http://api.jquery.com/jquery.inarray/
$.inArray( 10, [ 8, 9, 10, 11 ] );
Istnieje równoważna funkcja:
includes()
Zajrzyj tutaj: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes
Jeśli chcesz tylko sprawdzić, czy pojedyncza wartość znajduje się w tablicy, kod Paolo wykona zadanie. Jeśli chcesz sprawdzić, które wartości są wspólne dla obu tablic, potrzebujesz czegoś takiego (używając funkcji inArray Paolo):
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;
}
To zwróci tablicę wartości, które są zarówno w, jak a
i b
. (Matematycznie jest to przecięcie dwóch tablic.)
EDYCJA: Zobacz Edytowany kod Paolo, aby znaleźć rozwiązanie swojego problemu. :)
Jeśli potrzebujesz wszystkich dostępnych parametrów PHP , użyj tego:
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;
}
Dodaj ten kod do swojego projektu i użyj metod inArray w stylu obiektowym
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");
Z Dojo Toolkit byś tego użył dojo.indexOf()
. Zobacz dojo.indexOf w celu uzyskania dokumentacji, a Arrays Made Easy autorstwa Bryana Forbesa w celu uzyskania przykładów.
haystack.find(value => value == needle)
gdzie stóg siana jest tablicą, a igła jest elementem w tablicy. Jeśli element nie zostanie znaleziony, zostanie zwrócony niezdefiniowany, w przeciwnym razie ten sam element.
Jeśli zamierzasz używać go na zajęciach i jeśli wolisz, aby był funkcjonalny (i działał we wszystkich przeglądarkach):
inArray: function(needle, haystack)
{
var result = false;
for (var i in haystack) {
if (haystack[i] === needle) {
result = true;
break;
}
}
return result;
}
Mam nadzieję, że to komuś pomoże :-)
jQuery.inArray()
czy nie powrócić logiczna. Zwraca indeks znalezionego elementu lub -1, jeśli nie znaleziono