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

青灯夜游
Libérer: 2021-12-07 14:46:37
original
9155 Les gens l'ont consulté

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 = [&#39;a&#39;,&#39;s&#39;,&#39;d&#39;,&#39;f&#39;];
console.info(arr.indexOf(&#39;a&#39;));//在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)==&#39;function&#39;){
        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 = [&#39;a&#39;,&#39;s&#39;,&#39;d&#39;,&#39;f&#39;];
console.info("删除元素之前的数组:"+arr);
arr.splice($.inArray(&#39;a&#39;,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!

É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