Heim  >  Artikel  >  Web-Frontend  >  jquery ist nicht gleich dem ersten von 0

jquery ist nicht gleich dem ersten von 0

PHPz
PHPzOriginal
2023-05-12 10:04:06471Durchsuche

jQuery ist eine der beliebtesten JavaScript-Bibliotheken. Sie bietet viele leistungsstarke Funktionen, die die Effizienz und Qualität unserer Webanwendungsentwicklung erheblich verbessern können. Bei der tatsächlichen Projektentwicklung werden Sie jedoch unweigerlich auf einige schwierigere Probleme stoßen, z. B. das Auffinden des ersten Elements in einem Array oder einer Liste, das ungleich 0 ist.

Methode 1: Für Schleifendurchlauf verwenden

Bevor wir diesen Vorgang ausführen, müssen wir zunächst die Grundstruktur des Arrays oder der Liste verstehen. Wir haben zum Beispiel das folgende Array:

[2, 3, 4, 0, 6, 7]

Was wir finden wollen, ist das erste Element, das ungleich 0 ist. Dazu können wir die for-Schleifenanweisung verwenden Erreichen Sie dies:

var arr = [2, 3, 4, 0, 6, 7];

for (var i = 0; i < arr.length; i++) {
  if (arr[i] !== 0) {
    console.log(arr[i]);
    break;
  }
}

Führen Sie den obigen Code aus, die Konsole gibt 2 aus. Die Idee dieser Methode ist sehr einfach: Sie besteht darin, alle Elemente im Array zu durchlaufen, wenn das aktuelle Element nicht gleich 0 ist, es auszugeben und die Schleife zu verlassen. 2。这个方法的思路非常简单,就是遍历数组中的所有元素,如果当前元素不等于 0,就输出并跳出循环。

方法二:使用 ES6 方法

除了传统的 for 循环,ES6 中也提供了一些便捷的方法来遍历数组或者列表。比如说,我们可以使用 find() 方法来寻找不等于 0 的第一个元素:

var arr = [2, 3, 4, 0, 6, 7];

var firstNonZero = arr.find(function(item) {
  return item !== 0;
});

console.log(firstNonZero);

运行上面的代码,控制台同样会输出 2find() 方法会依次遍历数组中的所有元素,执行回调函数并将当前元素作为参数传入。如果回调函数返回值为 true,则 find() 方法会返回当前元素,否则会继续遍历下一个元素。

方法三:使用 jQuery 方法

除了原生 JavaScript 方法外,jQuery 也提供了一些便捷的方法来操作数组或者列表。比如说,我们可以使用 grep() 方法来寻找不等于 0 的第一个元素:

var arr = [2, 3, 4, 0, 6, 7];

var firstNonZero = $.grep(arr, function(item) {
  return item !== 0;
})[0];

console.log(firstNonZero);

运行上面的代码,控制台同样会输出 2grep() 方法会依次遍历数组中的所有元素,执行回调函数并将当前元素作为参数传入。如果回调函数返回值为 true,则当前元素会被加入一个新的数组中,最终返回这个新数组。由于我们只需要寻找第一个不等于 0 的元素,因此可以直接取返回数组的第一个元素。

总结

以上三种方法都可以实现寻找数组或者列表中不等于 0 的第一个元素。方法一是传统的 for 循环,方法二是 ES6 的 find() 方法,方法三是 jQuery 的 grep()

Methode 2: ES6-Methode verwenden🎜🎜Zusätzlich zur herkömmlichen for-Schleife bietet ES6 auch einige praktische Methoden zum Durchlaufen von Arrays oder Listen. Beispielsweise können wir die Methode find() verwenden, um das erste Element zu finden, das ungleich 0 ist: 🎜rrreee🎜Führen Sie den obigen Code aus, die Konsole gibt außerdem 2aus >. Die Methode find() durchläuft nacheinander alle Elemente im Array, führt die Rückruffunktion aus und übergibt das aktuelle Element als Parameter. Wenn der Rückgabewert der Rückruffunktion true ist, gibt die Methode find() das aktuelle Element zurück, andernfalls wird sie mit dem Durchlaufen des nächsten Elements fortfahren. 🎜🎜Methode 3: jQuery-Methoden verwenden🎜🎜Neben nativen JavaScript-Methoden bietet jQuery auch einige praktische Methoden zum Betreiben von Arrays oder Listen. Beispielsweise können wir die Methode grep() verwenden, um das erste Element zu finden, das ungleich 0 ist: 🎜rrreee🎜Führen Sie den obigen Code aus, die Konsole gibt außerdem 2aus >. Die Methode grep() durchläuft alle Elemente im Array, führt die Rückruffunktion aus und übergibt das aktuelle Element als Parameter. Wenn der Rückgabewert der Rückruffunktion true ist, wird das aktuelle Element einem neuen Array hinzugefügt und das neue Array wird schließlich zurückgegeben. Da wir nur das erste Element ungleich 0 finden müssen, können wir das erste Element des Arrays direkt zurückgeben. 🎜🎜Zusammenfassung🎜🎜Die oben genannten drei Methoden können alle verwendet werden, um das erste Element in einem Array oder einer Liste zu finden, das ungleich 0 ist. Methode eins ist die traditionelle for-Schleife, Methode zwei ist die find()-Methode von ES6 und Methode drei ist die grep()-Methode von jQuery. Wählen Sie einfach die Methode, die entsprechend der tatsächlichen Situation zu Ihnen passt. 🎜

Das obige ist der detaillierte Inhalt vonjquery ist nicht gleich dem ersten von 0. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn