Maison > interface Web > js tutoriel > Tableau JS apprenant à vérifier si un élément donné existe

Tableau JS apprenant à vérifier si un élément donné existe

青灯夜游
Libérer: 2021-08-30 18:08:50
original
1514 Les gens l'ont consulté

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;
	}
}
Copier après la connexion

输出结果为:

Tableau JS apprenant à vérifier si un élément donné existe

方法2:利用数组的includes() 方法

includes() 方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。

语法:arr.includes(searchElement [, fromIndex])

  • searchElement 必须。需要查找的元素值。

  • fromIndex 可选。从该索引处开始查找 searchElement。如果为负值,则按升序从 array.length + fromIndex 的索引开始搜索。默认为 0。

下面通过实例来具体了解一下:判断fruits数组中是否包含给定元素“榴莲”

var fruits = [&#39;苹果&#39;,"香蕉", &#39;榴莲&#39;, &#39;橘子&#39;, &#39;菠萝蜜&#39;,"梨子"];
if(fruits.includes(&#39;榴莲&#39;)){
	console.log("给定元素是存在的");
}else{
	console.log("给定元素是不存在的");
}
Copier après la connexion

输出结果为:

Tableau JS apprenant à vérifier si un élément donné existe

方法3:利用数组的some()方法

some()方法可以检测数组中是否存在符合条件的元素。换个角度思考,也可以用来检测数组中的所有元素是否都不符合指定条件,都不符合的话就返回 false,有一个或者多个符合的话就返回 true。

语法:array.every(function callbackfn(Value,index,array),thisValue)
Apprenons-en plus à travers un exemple :

Déterminez si le tableau de fruits contient l'élément donné "Durian"

function f(value, index, ar) {
    if (value === &#39;橘子&#39;) {
        return true;
    }
}
var fruits = [&#39;苹果&#39;,"香蕉", &#39;榴莲&#39;, &#39;橘子&#39;, &#39;菠萝蜜&#39;,"梨子"];
var b = fruits.some(f);

if (b) {
	console.log("给定元素是存在的");
} else {
	console.log("给定元素是不存在的");
}
Copier après la connexion

Le résultat de sortie est :

Tableau JS apprenant à vérifier si un élément donné existeMé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.

Apprenons-en plus à travers un exemple : Déterminez si le tableau de fruits contient l'élément "Durian" donné

给定元素是存在的
Copier après la connexion
Copier après la connexion

Le résultat de sortie est :

Tableau JS apprenant à vérifier si un élément donné existe

Méthode 3 : Utiliser some() méthode du tableau

La méthode some() peut détecter s'il y a des éléments qui remplissent les conditions dans le tableau. En y réfléchissant sous un autre angle, il peut également être utilisé pour détecter si tous les éléments du tableau ne remplissent pas les conditions spécifiées, il renverra false. Si un ou plusieurs éléments correspondent, il le fera. renvoie vrai.

Syntaxe : array.every(function callbackfn(Value,index,array),thisValue)🎜🎜🎜 Apprenons-en plus à travers des exemples : 🎜
var fruits = [&#39;苹果&#39;,"香蕉", &#39;榴莲&#39;, &#39;橘子&#39;, &#39;菠萝蜜&#39;,"梨子"];
var b = fruits.indexOf("橘子");

if (b>0) {
	console.log("给定元素是存在的");
} else {
	console.log("给定元素是不存在的");
}
Copier après la connexion
🎜Le résultat de sortie est : 🎜
给定元素是存在的
Copier après la connexion
Copier après la connexion
🎜🎜 🎜 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 = [&#39;苹果&#39;,"香蕉", &#39;榴莲&#39;, &#39;橘子&#39;, &#39;菠萝蜜&#39;,"梨子"];
var b = fruits.lastIndexOf("葡萄");

if (b>0) {
	console.log("给定元素是存在的");
} else {
	console.log("给定元素是不存在的");
}
Copier après la connexion
🎜Le résultat de sortie est : 🎜
给定元素是不存在的
Copier après la connexion
🎜🎜🎜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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal