Maison  >  Article  >  interface Web  >  jquery n'est pas égal au premier de 0

jquery n'est pas égal au premier de 0

PHPz
PHPzoriginal
2023-05-12 10:04:06471parcourir

jQuery est l'une des bibliothèques JavaScript les plus populaires. Elle fournit de nombreuses fonctionnalités puissantes qui peuvent considérablement améliorer l'efficacité et la qualité du développement de nos applications Web. Cependant, dans le développement réel d'un projet, vous rencontrerez inévitablement des problèmes plus difficiles, comme trouver le premier élément d'un tableau ou d'une liste qui n'est pas égal à 0.

Méthode 1 : utiliser la boucle for pour parcourir

Avant d'effectuer cette opération, nous devons d'abord comprendre la structure de base du tableau ou de la liste. Par exemple, nous avons le tableau suivant :

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

Ce que nous voulons trouver est le premier élément qui n'est pas égal à 0. Nous pouvons utiliser l'instruction de boucle for pour réalisez ceci :

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;
  }
}

Exécutez le code ci-dessus, la console affichera 2. L'idée de cette méthode est très simple, elle est de parcourir tous les éléments du tableau, et si l'élément courant n'est pas égal à 0, de le sortir et de sortir de la boucle. 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()

Méthode 2 : Utiliser la méthode ES6🎜🎜En plus de la boucle for traditionnelle, ES6 fournit également des méthodes pratiques pour parcourir des tableaux ou des listes. Par exemple, nous pouvons utiliser la méthode find() pour trouver le premier élément qui n'est pas égal à 0 : 🎜rrreee🎜Exécutez le code ci-dessus, la console affichera également 2. La méthode find() parcourra tous les éléments du tableau dans l'ordre, exécutera la fonction de rappel et transmettra l'élément actuel en tant que paramètre. Si la valeur de retour de la fonction de rappel est true, la méthode find() renverra l'élément actuel, sinon elle continuera à parcourir l'élément suivant. 🎜🎜Méthode 3 : Utiliser les méthodes jQuery🎜🎜En plus des méthodes JavaScript natives, jQuery fournit également des méthodes pratiques pour utiliser des tableaux ou des listes. Par exemple, nous pouvons utiliser la méthode grep() pour trouver le premier élément qui n'est pas égal à 0 : 🎜rrreee🎜Exécutez le code ci-dessus, la console affichera également 2. La méthode grep() parcourra tous les éléments du tableau, exécutera la fonction de rappel et transmettra l'élément actuel en tant que paramètre. Si la valeur de retour de la fonction de rappel est true, l'élément actuel sera ajouté à un nouveau tableau, et le nouveau tableau sera finalement renvoyé. Puisqu’il suffit de trouver le premier élément qui n’est pas égal à 0, nous pouvons récupérer directement le premier élément du tableau renvoyé. 🎜🎜Résumé🎜🎜Les trois méthodes ci-dessus peuvent toutes être utilisées pour trouver le premier élément qui n'est pas égal à 0 dans un tableau ou une liste. La première méthode est la boucle for traditionnelle, la deuxième méthode est la méthode find() d'ES6 et la troisième méthode est la méthode grep() de jQuery. Choisissez simplement la méthode qui vous convient en fonction de la situation réelle. 🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn