Maison > interface Web > Questions et réponses frontales > Comment savoir si un élément existe dans es6

Comment savoir si un élément existe dans es6

青灯夜游
Libérer: 2023-01-04 09:13:34
original
2299 Les gens l'ont consulté

Méthode : 1. Utilisez find(); 2. Utilisez include(), la syntaxe est « array.includes(value) » 3. Utilisez some(), la syntaxe est « function f(v) {if (v) » ===value) ) {return true;}}var b= array.some(f);”; 4. Utilisez indexOf(), la syntaxe est « array.indexOf(value) » ; la syntaxe est « array.lastIndexOf(value) ) ».

Comment savoir si un élément existe dans es6

L'environnement d'exploitation de ce tutoriel : système Windows 7, ECMAScript version 6, ordinateur Dell G3.

Méthode 1 : Utilisez la méthode find() du tableau

La méthode find() est utilisée pour trouver le premier élément du tableau qui remplit les conditions. S'il n'y a aucun élément qui remplit les conditions, non défini. est renvoyé

find() Pour les tableaux vides, la fonction ne sera pas exécutée.

find() ne change pas la valeur d'origine du tableau.

array.find(function(currentValue, index, arr),thisValue)
Copier après la connexion
ParamètresDescription
fonction (currentValue, index,arr)Obligatoire. La fonction qui doit être exécutée pour chaque élément du tableau.
Paramètres de fonction : la description du paramètre currentValue est requise. L'index de l'élément actuel est facultatif. La valeur d'index arr de l'élément actuel est facultative. L'objet tableau
thisValuefacultatif auquel appartient l'élément actuel. La valeur transmise à la fonction utilise généralement la valeur « this ».
Si ce paramètre est vide, « undéfini » sera transmis à la valeur « this » les conditions, il revient indéfini.
Exemple : Déterminer si le tableau de fruits contient l'élément donné "Durian"

function f(value) {
        return value === '橘子';
}
	
var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"];

if(fruits.find(f)!=undefined){
	console.log("给定元素是存在的");
}else{
	console.log("给定元素是不存在的");
}
Copier après la connexion

  • Méthode 2 : Utiliser la méthode include() du tableau

La méthode include() est utilisée pour déterminer si un tableau contient une valeur spécifiée, renvoyant vrai si c'est le cas, sinon faux. Comment savoir si un élément existe dans es6

arr.includes(searchElement [, fromIndex])
Copier après la connexion

searchElement 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.

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

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

Méthode 3 : Utilisez la méthode some() du tableau

Le some() La méthode peut détecter s'il y a des éléments dans le tableau qui remplissent la condition. 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. Comment savoir si un élément existe dans es6

array.every(function callbackfn(Value,index,array),thisValue)
Copier après la connexion

paramètredescription

fonction (currentValue, index,arr)obligatoire. Fonction, chaque élément du tableau exécutera cette fonctionDescription du paramètre currentValue doit être. L'index de valeur de l'élément actuel est facultatif. La valeur d'index arr de l'élément actuel est facultative. L'objet tableau auquel appartient l'élément actuel
function f(value, index, ar) {
    if (value === '橘子') {
        return true;
    }
}
var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"];
var b = fruits.some(f);
if (b) {
   console.log("给定元素是存在的");
} else {
   console.log("给定元素是不存在的");
}
Copier après la connexion
Le résultat de sortie est :
Paramètres de la fonction :
thisValue
Facultatif. L'objet est utilisé comme rappel d'exécution, transmis à la fonction et utilisé comme valeur de "this".
Si thisValue est omis, la valeur de "this" est "indéfini"
Valeur de retour : valeur booléenne. Renvoie vrai si un élément du tableau satisfait à la condition, sinon renvoie faux. Exemple :



Méthode 4 : L'utilisation de la méthode indexOf() du tableau

la méthode indexOf() peut renvoyer le premier index d'un élément spécifié dans l'emplacement d'apparition du tableau. Si l'élément à récupérer n'apparaît pas, la méthode renvoie -1. Comment savoir si un élément existe dans es6

array.indexOf(item,start)
Copier après la connexion

paramètre

description


articleobligatoire. L'élément à trouver. Paramètre entier facultatif. Spécifie la position dans le tableau pour commencer la recherche. Ses valeurs légales vont de 0 à stringObject.length - 1. Si ce paramètre est omis, la recherche démarrera à partir du premier caractère de la chaîne.

实现思想:利用该方法检查指定值在数组的第一次出现位置,如果位置是存在的,则包含该给定元素。如果返回-1,则不包含该给定元素。

下面给出实现代码:

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

方法5:利用数组的lastIndexOf()方法

lastIndexOf()方法可搜索数组中的元素,并返回它最后出现的位置。如果要检索的元素没有出现,则该方法返回 -1。

array.lastIndexOf(item,start)
Copier après la connexion
start
参数描述
item必需。规定需检索的字符串值。
start可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的最后一个字符处开始检索。

实现思想:利用该方法检查指定值在数组的最后出现位置,如果位置是存在的,则包含该给定元素;如果返回-1,则不包含该给定元素。

下面给出实现代码::

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

输出结果为:

Comment savoir si un élément existe dans es6

【相关推荐: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