Méthodes courantes pour les compétences JavaScript arrays_javascript

Déterminer si un objet est un tableau : instanceof, Array.isArray()

Pour une page Web ou une portée globale, vous pouvez utiliser l'opérateur instanceof.

if(value instanceof Array){ //Déterminer si la valeur est un tableau
 
>
L'opérateur instanceof suppose qu'il n'existe qu'un seul environnement d'exécution global. Si la page Web contient plusieurs frames, la nouvelle méthode Array.isArray() d'ECMAScript5 est utilisée.

if(Array.isArray(value)){//Déterminer si la valeur est un tableau

}
Les navigateurs pris en charge par la méthode Array.isArray() incluent IE9, Firefor 4, Safari5, Opera 10.5 et Chrome.

Si vous souhaitez vérifier un tableau dans un navigateur qui n'implémente pas cette méthode, utilisez :

if(Object.prototype.toString.call(value)=="[object Array]"){
>

Convertir le tableau en chaîne : toLocaleString(), toString(), valueOf(), join()

Copier le code Le code est le suivant :

var test=['a','b','c'];
alert(test.toString());//a,b,c
alert(test.toLocaleString());//a,b,c
alert(test.valueOf());//a,b,c
alert(test);//a,b,c appelle la méthode toString() par défaut
alert(test.join(','));//a,b,c
alert(test.join('|'));//a|b|c

Méthodes d'ajout et de suppression d'éléments de tableau : push(), pop(), unshift(), shift()

La méthode push() peut accepter n'importe quel nombre de paramètres, les ajouter un par un à la fin du tableau et renvoyer la longueur modifiée du tableau.

La méthode pop() supprime le dernier élément de la fin du tableau et renvoie l'élément supprimé.

La méthode unshift() ajoute un nombre quelconque de paramètres au début du tableau et renvoie la nouvelle longueur du tableau.

La méthode shift() supprime le premier élément du tableau et renvoie l'élément supprimé.

Copier le code Le code est le suivant :

var test=[];
var count = test.push('a','b');//Ajouter
un par un à partir de la fin du tableau compte =test.push('c');
alerte(compte);//3
alerte(test);//
var item = test.pop();
alerte(élément);//c
alerte(test.length);//2

Méthodes de tri : reverse() et sort()

La méthode reverse() inversera l'ordre des termes du tableau et opèrera sur le tableau lui-même.

La méthode sort() trie les éléments du tableau par ordre croissant par défaut et opère sur le tableau lui-même.

Copier le code Le code est le suivant :

var test=[1,2,3,4,5];
test.reverse();
alerte(test);//5,4,3,2,1
var test2=[0,1,5,10,15];
test2.sort();
alert(test2);//0,1,10,15,5 La méthode sort() appellera la méthode toString() de chaque élément du tableau et comparera les chaînes pour déterminer le tri. Le tri ici est donc le tri par chaîne

La méthode sort() peut également transmettre une fonction de comparaison.

La fonction de comparaison renvoie un nombre négatif si le premier paramètre doit être avant le second, 0 si les deux paramètres sont égaux, et un nombre positif si le premier paramètre doit être après le second.

Copier le code Le code est le suivant :

fonction comparer(valeur1,valeur2){
Si(valeur1          return -1;
}sinon si(valeur1>valeur2){
Retour 1 ;
}autre{
           renvoie 0 ;
>
} 
var test=[0,1,5,10,15];
test.sort(comparer);
alerte(test);//0,1,5,10,15

Méthodes de fonctionnement : concat(), slice(), splice()

La méthode concat() est utilisée pour concaténer deux ou plusieurs tableaux. Cette méthode ne modifie pas le tableau existant, mais renvoie simplement une copie du tableau concaténé. Renvoie un nouveau tableau.

Copier le code Le code est le suivant :

var a = [1,2,3];
alerte(a.concat(4,5));//1,2,3,4,5
var arr = nouveau tableau(3)
arr[0] = "Georges"
arr[1] = "Jean"
arr[2] = "Thomas"
var arr2 = nouveau tableau(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"
alert(arr.concat(arr2));
//George,John,Thomas,James,Adrew,Martin
var arr = nouveau tableau(3)
arr[0] = "Georges"
arr[1] = "Jean"
arr[2] = "Thomas"
var arr2 = nouveau tableau(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"
var arr3 = nouveau tableau(2)
arr3[0] = "Guillaume"
arr3[1] = "Franklin"
alerte(arr.concat(arr2,arr3))
//George,John,Thomas,James,Adrew,Martin,William,Franklin

La méthode slice() renvoie les éléments sélectionnés dans un tableau existant. Renvoie un nouveau tableau contenant les éléments de arrayObject du début à la fin (exclusif).

Copier le code Le code est le suivant :

var test =['a','b','c','d','e'];
var arr1=test.slice(1);
var arr2=test.slice(1,4);
alerte(arr1);//b,c,d,e
alerte(arr2);//b,c,d

La méthode splice() ajoute/supprime des éléments dans/d'un tableau et renvoie l'élément supprimé. Opérez sur la baie elle-même.

Le premier paramètre : la position de départ, le deuxième paramètre : le nombre d'interceptions, le troisième paramètre : le nouvel élément à ajouter.

Copier le code Le code est le suivant :

//Supprimer
var test=['a','b','c'];
var supprimé=test.splice(0,1)//Supprimer le premier élément
alerte(test);//b,c
alert(removed);//a renvoie l'élément supprimé
//Insérer
var test2=['a','b','c'];
var supprimé2=test2.splice(1,0,'d','e')//Insérer d,e à partir de la position 1
alerte(test2);//a,d,e,b,c
alert(removed2)//Tableau vide
//Remplacer
var test3=['a','b','c'];
var supprimé3=test3.splice(1,1,'d','e')//Insérer d,e à partir de la position 1
alerte(test3);//a,d,e,c
alerte(removed3)//b

Méthodes de positionnement : indexOf(), lastIndexOf()

ECMAScript5 fournit des méthodes pour prendre en charge les navigateurs : IE9, Firefox 2, Safari 3, Opera 9.5, Chrome

La méthode indexOf() renvoie la position de la première occurrence d'une valeur de chaîne spécifiée dans la chaîne.

La méthode

lastIndexOf() peut renvoyer la dernière position d'occurrence d'une valeur de chaîne spécifiée, en recherchant de l'arrière vers l'avant à la position spécifiée dans une chaîne.

Lorsqu'il y a un paramètre : il représente la valeur à trouver, et la position de l'index est renvoyée (en partant de 0). Lorsqu'il y a deux paramètres : le premier paramètre représente la position de départ, et le deuxième paramètre représente la valeur. à trouver.

Copier le code Le code est le suivant :

var numéros=[1,2,3,4,5,4,3,2,1];
alerte(numbers.indexOf(4));//3
alert(numbers.lastIndexOf(4));//5

alerte(numbers.IndexOf(4,4));//5
alert(numbers.lastIndexOf(4,4));//3

Méthodes d'itération : each(), filter(), forEach(), map(), some()

ECMAScript5 fournit des méthodes pour prendre en charge les navigateurs : IE9, Firefox 2, Safari 3, Opera 9.5, Chrome

every() : exécutez la fonction donnée sur chaque élément du tableau et renvoie true si la fonction renvoie true pour chaque élément.

filter() : exécute la fonction donnée sur chaque élément du tableau et renvoie un tableau d'éléments que la fonction renverra vrai.

forEach() : exécute la fonction donnée sur chaque élément du tableau. Cette méthode n'a pas de valeur de retour.

map() : exécute la fonction donnée sur chaque élément du tableau et renvoie un tableau composé des résultats de chaque appel de fonction.

some() : exécute la fonction donnée sur chaque élément du tableau et renvoie true si la fonction renvoie true pour n'importe quel élément.

Aucune des fonctions ci-dessus ne modifiera les valeurs contenues dans le tableau.

Copier le code Le code est le suivant :

var numéros=[1,2,3,4,5,4,3,2,1];
//chaque()
var EveryResult=numbers.every(function(item,index,array){
Retour (article>2) ;
})
alert(everyResult);//false
//certains()
var someResult=numbers.some(function(item,index,array){
Retour (article>2) ;
})
alert(someResult);//true
//filtre()
var filterResult=numbers.filter(function(item,index,array){
Retour (article>2) ;
})
alerte(filterResult);//[3,4,5,4,3]

//carte()
var mapResult=numbers.map(function(item,index,array){
Retour (article*2) ;
})
alerte(mapResult);//[2,4,6,8,10,8,6,4,2]

//pourEach()
nombres.forEach(fonction(élément,index,tableau){
//Effectuer une opération sans valeur de retour
})

Méthodes de fusion : réduire(), réduireRight()

ECMAScript5 fournit des méthodes pour prendre en charge les navigateurs : IE9, Firefox 3, Safari 4, Opera 10.5, Chrome

Les deux méthodes parcourent tous les éléments du tableau, puis construisent une valeur finale renvoyée. La méthode réduire() commence à partir du premier élément du tableau et la méthode réduireRight() commence à partir de la fin du tableau.

Copier le code Le code est le suivant :

valeurs var=[1,2,3,4,5];
var sum=value.reduce(function(prev,cur,index,array){
           cours précédent ;
});
alerte(somme);//15

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.