So durchlaufen Sie ein Array in jquery

jquery ist eine hervorragende Javascript-Bibliothek, die viele praktische APIs für die Abwicklung verschiedener DOM- und Datenoperationen bereitstellt. Wenn wir ein Array durchlaufen müssen, bietet JQuery auch verschiedene Methoden, um dies zu erreichen.

1. $.each()-Methode

$.each()-Methode ist eine Methode in jquery zum Durchlaufen von Arrays. Sie kann jede Art von Sammlung durchlaufen, einschließlich Arrays, Objekte und NodeList. Die spezifische Syntax lautet wie folgt:

$.each(arr, function(index, value) {
  // 遍历操作
});

Diese Methode empfängt zwei Parameter. Der erste Parameter arr ist die Sammlung, die durchlaufen werden muss, und der zweite Parameter function ist der Funktionskörper, der während des Durchlaufs ausgeführt wird, einschließlich der beiden Parameter index und value repräsentieren jeweils den aktuellen Index und Wert.

Zum Beispiel möchten wir ein Array arr durchlaufen und den Wert und Index jedes Array-Elements ausgeben:

var arr = ['a', 'b', 'c'];

$.each(arr, function(index, value) {
  console.log('index: ' + index + ', value: ' + value);
});

Das Ausgabeergebnis ist:

index: 0, value: a
index: 1, value: b
index: 2, value: c

2. $.map()-Methode

$.map()-Methode Kann auch zum Durchlaufen des Arrays verwendet werden, kann jedoch im Gegensatz zur Methode $.each() die Durchlaufergebnisse verarbeiten und ein neues Array zurückgeben. Die spezifische Syntax lautet wie folgt:

$.map(arr, function(value, index) {
  // 处理操作
  return value;
});

Diese Methode empfängt zwei Parameter. Der erste Parameter arr ist das Array, das durchlaufen werden muss, und der zweite Parameter function ist der während des Durchlaufs ausgeführte Funktionskörper, einschließlich der beiden Parameter value und index repräsentieren jeweils den aktuellen Wert und den Index.

Zum Beispiel möchten wir ein Array arr durchlaufen und den Wert jedes Elements in Großbuchstaben umwandeln:

var arr = ['a', 'b', 'c'];

var newArr = $.map(arr, function(value, index) {
  return value.toUpperCase();
});

console.log(newArr); // ['A', 'B', 'C']

Beachten Sie, dass die Methode $.map() ein neues Array zurückgibt und das ursprüngliche Array arr nicht überarbeitet wird.

3. $.grep()-Methode

$.grep()-Methode kann die Elemente im Array filtern, die die Bedingungen erfüllen, und ein neues Array zurückgeben. Die spezifische Syntax lautet wie folgt:

$.grep(arr, function(value, index) {
  // 筛选条件
  return ...
});

Diese Methode empfängt zwei Parameter. Der erste Parameter arr ist das Array, das durchlaufen werden muss, und der zweite Parameter function ist die Filterbedingung, einschließlich der beiden Parameter value und index, die den Wert darstellen bzw. Index des aktuellen Elements. Wenn true zurückgegeben wird, bedeutet dies, dass das Element die Bedingungen erfüllt und herausgefiltert wird.

Zum Beispiel möchten wir alle geraden Zahlen in einem Array herausfiltern:

var arr = [1, 2, 3, 4, 5];

var evens = $.grep(arr, function(value, index) {
  return value % 2 === 0;
});

console.log(evens); // [2, 4]

4. $.inArray()-Methode

$.inArray()-Methode kann die Indexposition eines Elements im Array ermitteln, falls vorhanden existiert nicht, dann wird -1 zurückgegeben. Die spezifische Syntax lautet wie folgt:

$.inArray(value, arr);

Diese Methode empfängt zwei Parameter. Der erste Parameterwert ist das zu findende Element und der zweite Parameter arr ist das Array, das durchlaufen werden muss.

Zum Beispiel möchten wir die Indexposition des Elements „c“ in einem Array arr finden:

var arr = ['a', 'b', 'c'];

var index = $.inArray('c', arr);

console.log(index); // 2

Es ist zu beachten, dass die Methode $.inArray() eine Zahl zurückgibt, die die Indexposition des Elements im angibt Array. Wenn das Element nicht existiert, wird -1 zurückgegeben.

Zusammenfassend umfassen die Methoden zum Durchlaufen von Arrays in jquery $.each(), $.map(), $.grep() und $.inArray() usw. Wir können je nach unseren zu erreichenden Anforderungen verschiedene Methoden auswählen anders funktionieren.

Das obige ist der detaillierte Inhalt vonSo durchlaufen Sie ein Array in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!