Maison > Article > interface Web > Tableau JS apprenant à vérifier si un élément donné existe
Dans l'article précédent, nous avons présenté 3 méthodes permettant à JavaScript de renvoyer le premier élément qui satisfait une condition donnée. Si vous êtes intéressé, vous pouvez cliquer sur le lien pour lire → "JS Array Learning : Renvoyer le premier élément qui satisfait une condition. état donné" . Cette fois, nous poursuivons l'étude des tableaux JavaScript et expliquons comment utiliser JS pour détecter si la valeur spécifiée existe dans le tableau. Les amis dans le besoin peuvent en apprendre davantage ~
Le contenu principal de l'article d'aujourd'hui est : étant donné une valeur, traversez. le tableau, vérifiez si le tableau contient la valeur. En termes simples, il vérifie si un ou plusieurs éléments du tableau ont une valeur égale à cette valeur.
L'article suivant vous présentera 4 méthodes et vous les présentera en détail à travers des exemples de code. Sans plus tarder, commençons ~
Méthode 1 : utiliser la boucle for
Idée d'implémentation : utilisez l'instruction for pour parcourir le tableau et utilisez ===
pour juger le tableau dans each loop Si l'élément est une valeur donnée. Lorsque le premier élément remplit la condition, l'élément donné existe dans le tableau, une invite est donnée, puis l'instruction break est utilisée pour quitter la boucle entière. ===
判断数组元素是否为给定值,当有第一个元素满足条件,则数组中存在给定元素,给出提示,然后使用break语句退出整个循环。
下面通过实例来具体了解一下:判断fruits数组中是否包含给定元素“榴莲”
var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"]; for(var i=0;i<fruits.length;i++){ if (fruits[i] === "榴莲") { console.log("指定元素‘ "+fruits[i]+" ’是存在的"); break; } }
输出结果为:
方法2:利用数组的includes() 方法
includes() 方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。
语法:arr.includes(searchElement [, fromIndex])
searchElement 必须。需要查找的元素值。
fromIndex 可选。从该索引处开始查找 searchElement。如果为负值,则按升序从 array.length + fromIndex 的索引开始搜索。默认为 0。
下面通过实例来具体了解一下:判断fruits数组中是否包含给定元素“榴莲”
var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"]; if(fruits.includes('榴莲')){ console.log("给定元素是存在的"); }else{ console.log("给定元素是不存在的"); }
输出结果为:
方法3:利用数组的some()方法
some()方法可以检测数组中是否存在符合条件的元素。换个角度思考,也可以用来检测数组中的所有元素是否都不符合指定条件,都不符合的话就返回 false,有一个或者多个符合的话就返回 true。
语法:array.every(function callbackfn(Value,index,array),thisValue)
Apprenons-en plus à travers un exemple :
function f(value, index, ar) { if (value === '橘子') { return true; } } var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"]; var b = fruits.some(f); if (b) { console.log("给定元素是存在的"); } else { console.log("给定元素是不存在的"); }
Le résultat de sortie est :
Méthode 2 : Utiliser la méthode include() du tableau
Méthode include() Utilisé pour déterminer si un tableau contient une valeur spécifiée, si c'est le cas, il renvoie vrai, sinon faux.
Syntaxe : arr.includes(searchElement [, fromIndex])
searchElement est requis. La valeur de l'élément à trouver.
fromIndex facultatif. Commencez à chercher searchElement à cet index. Si négatif, la recherche commence à l’index de array.length + fromIndex par ordre croissant. La valeur par défaut est 0.
给定元素是存在的
Le résultat de sortie est :
array.every(function callbackfn(Value,index,array),thisValue)
🎜🎜🎜 Apprenons-en plus à travers des exemples : 🎜var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"]; var b = fruits.indexOf("橘子"); if (b>0) { console.log("给定元素是存在的"); } else { console.log("给定元素是不存在的"); }🎜Le résultat de sortie est : 🎜
给定元素是存在的🎜🎜 🎜 Méthode 4 : Utilisez la méthode indexOf() du tableau 🎜🎜🎜🎜méthode indexOf() pour renvoyer la première position d'occurrence d'un élément spécifié dans le tableau. Si l'élément à récupérer n'apparaît pas, la méthode renvoie -1. 🎜🎜Idée d'implémentation : utilisez cette méthode pour vérifier la première position d'occurrence de la valeur spécifiée dans le tableau. Si la position existe, l'élément donné est inclus. Si -1 est renvoyé, l'élément donné n'est pas contenu. 🎜🎜Le code d'implémentation est donné ci-dessous : 🎜🎜
var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"]; var b = fruits.lastIndexOf("葡萄"); if (b>0) { console.log("给定元素是存在的"); } else { console.log("给定元素是不存在的"); }🎜Le résultat de sortie est : 🎜
给定元素是不存在的🎜🎜🎜Méthode 5 : Utilisez la méthode lastIndexOf() du tableau🎜🎜🎜🎜méthode lastIndexOf() pour rechercher des éléments dans le tableau et renvoie son dernier emplacement où il apparaît. Si l'élément à récupérer n'apparaît pas, la méthode renvoie -1. 🎜🎜Idée d'implémentation : utilisez cette méthode pour vérifier la dernière position d'occurrence de la valeur spécifiée dans le tableau. Si la position existe, l'élément donné est inclus ; si -1 est renvoyé, l'élément donné n'est pas inclus. 🎜🎜🎜Le code d'implémentation est donné ci-dessous : 🎜rrreee🎜Le résultat de sortie est : 🎜rrreee🎜D'accord, c'est tout, vous pouvez le regarder si vous en avez besoin : 🎜Tutoriel vidéo javascript🎜🎜
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!