Maison interface Web js tutoriel Comment déterminer si une valeur est dans un tableau en javascript

Comment déterminer si une valeur est dans un tableau en javascript

Dec 07, 2021 pm 02:46 PM
javascript 数组

Méthode : 1. Utilisez l'instruction for pour parcourir le tableau et comparez les éléments du tableau avec la valeur spécifiée. S'ils sont égaux, ils existent ; 2. Utilisez la méthode indexOf pour renvoyer la valeur de l'indice si l'élément existe dans le tableau. . S'il n'existe pas, renvoyez "-1 " ; 3. Utilisez la méthode inArray() pour renvoyer la valeur de l'indice si l'élément existe, ou "-1" s'il n'existe pas.

Comment déterminer si une valeur est dans un tableau en javascript

L'environnement d'exploitation de ce tutoriel : système windows7, version javascript1.8.5&&jquery1.10.2, ordinateur Dell G3.

Il y a un tableau dans js. Comment déterminer si un élément existe dans ce tableau ? Tout d'abord, il est déterminé via une boucle :

var arr = ['a','s','d','f'];
console.info(isInArray(arr,'a'));//循环的方式

/**
 * 使用循环的方式判断一个元素是否存在于一个数组中
 * @param {Object} arr 数组
 * @param {Object} value 元素值
 */
function isInArray(arr,value){
    for(var i = 0; i < arr.length; i++){
        if(value === arr[i]){
            return true;
        }
    }
    return false;
}
Copier après la connexion

Cette méthode est une méthode plus générale, mais vous devez le faire. écrivez la fonction vous-même. , jetons un coup d'œil à la deuxième façon :

var arr = ['a','s','d','f'];
console.info(arr.indexOf('a'));//在IE某些版本中不支持,可以自行扩展
Copier après la connexion

Cette méthode consiste à utiliser directement la méthode indexOf du tableau pour déterminer si l'élément existe dans le tableau, puis renvoyer la valeur d'indice de l'élément dans. le tableau. S'il n'existe pas, retournez - 1. Notez que indexOf est sensible à la casse, sinon une erreur sera signalée De plus, cette méthode ne fonctionne pas dans certaines versions de. IE, vous devez donc faire un jugement et une modification avant de l'utiliser. Le code final est le suivant :

/**
 * 使用indexOf判断元素是否存在于数组中
 * @param {Object} arr 数组
 * @param {Object} value 元素值
 */
function isInArray3(arr,value){
    if(arr.indexOf&&typeof(arr.indexOf)=='function'){
        var index = arr.indexOf(value);
        if(index >= 0){
            return true;
        }
    }
    return false;
}
Copier après la connexion

La troisième méthode consiste à utiliser la méthode inArray de jquery. Cette méthode renvoie l'indice de l'élément dans le tableau. n'existe pas dans le tableau, puis renvoie -1. Le code est le suivant :

/**
 * 使用jquery的inArray方法判断元素是否存在于数组中
 * @param {Object} arr 数组
 * @param {Object} value 元素值
 */
function isInArray2(arr,value){
    var index = $.inArray(value,arr);
    if(index >= 0){
        return true;
    }
    return false;
}
Copier après la connexion

Cette méthode peut être utilisée pour supprimer des éléments avec des valeurs d'indice inconnues dans un tableau. Le code est le suivant :

var arr = ['a','s','d','f'];
console.info("删除元素之前的数组:"+arr);
arr.splice($.inArray('a',arr),1);
console.info("删除元素之后的数组:"+arr);
Copier après la connexion

Le résultat de l'exécution. est :

[Web浏览器] "删除元素之前的数组:a,s,d,f"    /test/index.html (12)
[Web浏览器] "删除元素之后的数组:s,d,f"  /test/index.html (14)
Copier après la connexion

[Recommandations associées : Tutoriel d'apprentissage 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!

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

Article chaud

Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Article chaud

Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment supprimer les éléments en double du tableau PHP à l'aide de la boucle foreach ? Comment supprimer les éléments en double du tableau PHP à l'aide de la boucle foreach ? Apr 27, 2024 am 11:33 AM

Comment supprimer les éléments en double du tableau PHP à l'aide de la boucle foreach ?

Inversion des valeurs clés du tableau PHP : analyse comparative des performances de différentes méthodes Inversion des valeurs clés du tableau PHP : analyse comparative des performances de différentes méthodes May 03, 2024 pm 09:03 PM

Inversion des valeurs clés du tableau PHP : analyse comparative des performances de différentes méthodes

L'art de PHP Array Deep Copy : utiliser différentes méthodes pour obtenir une copie parfaite L'art de PHP Array Deep Copy : utiliser différentes méthodes pour obtenir une copie parfaite May 01, 2024 pm 12:30 PM

L'art de PHP Array Deep Copy : utiliser différentes méthodes pour obtenir une copie parfaite

Pratique du tri multidimensionnel des tableaux PHP : des scénarios simples aux scénarios complexes Pratique du tri multidimensionnel des tableaux PHP : des scénarios simples aux scénarios complexes Apr 29, 2024 pm 09:12 PM

Pratique du tri multidimensionnel des tableaux PHP : des scénarios simples aux scénarios complexes

Application de la fonction de regroupement de tableaux PHP dans le tri des données Application de la fonction de regroupement de tableaux PHP dans le tri des données May 04, 2024 pm 01:03 PM

Application de la fonction de regroupement de tableaux PHP dans le tri des données

Meilleures pratiques pour la copie approfondie des tableaux PHP : découvrez des méthodes efficaces Meilleures pratiques pour la copie approfondie des tableaux PHP : découvrez des méthodes efficaces Apr 30, 2024 pm 03:42 PM

Meilleures pratiques pour la copie approfondie des tableaux PHP : découvrez des méthodes efficaces

Le rôle de la fonction de regroupement de tableaux PHP dans la recherche d'éléments en double Le rôle de la fonction de regroupement de tableaux PHP dans la recherche d'éléments en double May 05, 2024 am 09:21 AM

Le rôle de la fonction de regroupement de tableaux PHP dans la recherche d'éléments en double

Algorithme de fusion et de déduplication de tableaux PHP : solution parallèle Algorithme de fusion et de déduplication de tableaux PHP : solution parallèle Apr 18, 2024 pm 02:30 PM

Algorithme de fusion et de déduplication de tableaux PHP : solution parallèle

See all articles