jquery n'est pas égal au premier de 0
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);运行上面的代码，控制台同样会输出 2。find() 方法会依次遍历数组中的所有元素，执行回调函数并将当前元素作为参数传入。如果回调函数返回值为 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);运行上面的代码，控制台同样会输出 2。grep() 方法会依次遍历数组中的所有元素，执行回调函数并将当前元素作为参数传入。如果回调函数返回值为 true，则当前元素会被加入一个新的数组中，最终返回这个新数组。由于我们只需要寻找第一个不等于 0 的元素，因此可以直接取返回数组的第一个元素。
总结
以上三种方法都可以实现寻找数组或者列表中不等于 0 的第一个元素。方法一是传统的 for 循环，方法二是 ES6 的 find() 方法，方法三是 jQuery 的 grep()
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!
Outils d'IA chauds
Undress AI Tool
Images de déshabillage gratuites
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Rendu côté serveur avec next.js expliquée
Jul 23, 2025 am 01:39 AM
Server-sideredering (ssr) innext.jsgenerateshtmlONTheServerForEachRequest, ImpromingPerformanceAndSeo.1.SSRISIDEALFORDYNYMICCONTENTTHATCHANGESSFREQUENDEM
Une plongée profonde dans WebAssembly (WASM) pour les développeurs frontaux
Jul 27, 2025 am 12:32 AM
WebAssembly (WASM) isagame-changerforfront-enddeveloperseeekinghigh-performancewebapplications.1.wasmisabinaryinstructionFormatThatrunsatNear-Nativespeed, AmatingLanguagesLikerUst, C, etgotoexeteinthebrowser.2
Performance-First State Management avec Zustand
Jul 25, 2025 am 04:32 AM
Zustandisalightweight, PerformantStateManAgmentSolutionForRECTAppsthatavoidSredux’sboilerplate; 1.UseselectaStaTingTopreventunneceSaryre-RederselectingonlyTheneedStateProperty; 2.Apply CreateWithEam
Quel est le but de l'attribut REL dans une balise de liaison dans HTML?
Aug 03, 2025 pm 04:50 PM
rel = "Stylesheet" linkSsssFilesForSTylingThepage; 2.rel = "Preload" HintstopreloadCriticalResourcesForPerformance; 3.rel = "icon" setthewebsite’sfaviCon; 4.rel = "alternate" fournit la réversion desstiètes; 5.rel = & Qu
Optimisation du temps de construction du frontend
Jul 23, 2025 am 03:37 AM
Le cœur de l'optimisation du temps de construction frontal consiste à réduire les travaux redondants, à améliorer l'efficacité du traitement, à utiliser les caches et à sélectionner des outils efficaces. 1. Utilisez raisonnablement le treehaking et la segmentation du code pour vous assurer qu'il est introduit à la demande et que l'importation dynamique réduit le volume d'emballage; 2. Réduire le traitement inutile du chargeur, exclure Node_modules, mettre à niveau les chargeurs et détendre la portée de la traduction de Babel; 3. Utilisez le mécanisme de mise en cache pour accélérer la construction répétée, activer le cache Webpack, le cache CI et utiliser une installation hors ligne; 4. Amélioration de la chaîne d'outils, comme l'utilisation de Vite, Esbuild ou Rollup pour améliorer la vitesse de construction, bien qu'il y ait un coût de migration, il a un effet significatif.
Comprendre et mettre en œuvre OAuth 2.0 sur le front-end
Jul 25, 2025 am 04:31 AM
Lorsque vous utilisez OAuth 2.0, le processus de code d'autorisation PKCE doit être adopté à la place du processus implicite, évitez de stocker des jetons dans LocalStorage à l'avant, la priorité est donnée au traitement des jetons de rafraîchissement à travers le dos et une intégration sécurisée est obtenue à l'aide d'une bibliothèque d'authentification de confiance pour garantir la sécurité des applications frontales.
Quel est le but de l'attribut cible de la balise d'ancrage dans HTML?
Aug 02, 2025 pm 02:23 PM
ThetargetAttributeinanhtmlanchortagspecifieswheretoopenthelinkedDocument.1._setropensthelinkinthesametab (par défaut) .2._blankopensthelinkinanewtaborwindow.3._parentopensthelinkintheparentframe.
Bibliothèques de matériaux et composants angulaires
Jul 23, 2025 am 01:17 AM
Comment commencer avec AngularMaterial? Exécutez d'abord NGADD @ Angular / Material pour installer et configurer, deuxièmement, introduire des composants tels que MatbuttonModule au besoin, puis importer et utiliser des composants dans le module, et enfin ajouter des styles et des polices globales; Les avantages de la matériau angulaire comprennent un langage de conception unifié, des composants riches, une bonne documentation et un soutien communautaire et une forte personnalisation; D'autres alternatives incluent Ng-Zorro, Primeng, ClarityDesign et IonicForangular, et lors du choix, vous devriez considérer de manière globale en fonction des besoins du projet et de la familiarité de l'équipe.
