Tableaux JavaScript utilisant des collections

Cette fois je vais vous présenter les tableaux utilisant des collections en JavaScript, quelles sont les précautions lors de l'utilisation de tableaux JavaScript collections, voici des cas pratiques, jetons un coup d'œil ensemble. Jetez un œil.

1.join() Convertit tous les éléments du tableau en chaînes et joignez-les ensemble

var a=[1,2,3,4];
a.join(); //"1,2,3,4"

2.reverser() Inverse l'ordre des éléments du tableau et renvoie l'inverse tableau de commande.

var a[1,2,3,4];
a.reverse(); //[4,3,2,1]

3.sort() Trie les éléments du tableau et renvoie le tableau trié.
Lorsque sort() est appelé sans arguments, les éléments du tableau sont triés par ordre alphabétique.

var a=['ant','Bug','cat','Dog'];
a.sort(); //["Bug", "Dog", "ant", "cat"]
a.sort(function(s,t){
   var s1=s.toLowerCase();
   var t1=t.toLowerCase();   if(s1<t1) return -1;   if(s1>t1) return 1;   return 0});//["ant", "BUg", "cat", "Dog"]

4.concat() crée et renvoie un nouveau tableau dont les éléments incluent les éléments du tableau d'origine qui a appelé concat() et chaque paramètre de concat(). Si l'un de ces arguments est lui-même un tableau, les éléments du tableau sont concaténés, pas les tableaux eux-mêmes.

var a=[1,2,3];a.concat(4,5);// [1, 2, 3, 4, 5]a.concat([4,5]);// [1, 2, 3, 4, 5]a.concat([4,5],[6,7]);// [1, 2, 3, 4, 5, 6, 7]a.concat([4,5],[6,[8,7]]);// [1, 2, 3, 4, 5, 6,[8,7]]

5.slice() renvoie une tranche ou un sous-tableau du tableau spécifié. Ses deux paramètres précisent respectivement les positions de début et de fin du fragment. Le tableau renvoyé contient tous les éléments de données compris entre la position spécifiée par le premier argument et jusqu'à la position spécifiée par le deuxième argument, mais non incluse.
Si un seul paramètre est spécifié, le tableau renvoyé contient tous les éléments du début à la fin du tableau.
Si un nombre négatif apparaît dans le paramètre, il représente la position par rapport au dernier élément du tableau. Par exemple : le paramètre -1 spécifie le dernier élément et -3 spécifie l'avant-dernier élément.
Notez que slice() ne modifie pas le tableau appelant.

var a=[1,2,3,4,5];a.slice(0,2);//[1, 2]a.slice(3);//[4, 5]a.slice(1,-1);//[2, 3, 4]a.slice(-3,-2);//[3]

6.splice() Une méthode générale pour insérer ou supprimer des éléments dans un tableau. Contrairement à slice() et concat(), splice() modifie le tableau appelant. Remarque : splice() et slice() ont des noms très similaires, mais leurs fonctions sont essentiellement différentes.
splice() peut supprimer des éléments d'un tableau, insérer des éléments dans un tableau ou effectuer les deux opérations simultanément. Les éléments du tableau après le point d'insertion ou de suppression voient leurs valeurs d'index augmentées ou diminuées si nécessaire, de sorte que le reste du tableau reste contigu. Le premier paramètre de splice() spécifie la position de départ de l'insertion et/ou de la suppression. Le deuxième paramètre spécifie le nombre d'éléments qui doivent être supprimés du tableau. Si le deuxième paramètre est omis, tous les éléments du point de départ à la fin du tableau seront supprimés. splice() renvoie un tableau d'éléments supprimés, ou un tableau vide si aucun élément n'a été supprimé.

var a=[1,2,3,4,5,6,7,8];a.splice(4);//返回[[5, 6, 7, 8]],a是[1, 2, 3, 4]a.splice(1,2)//返回[2, 3]，a是[1, 4, 5, 6, 7, 8]a.splice(1,1);//返回[2],a是 [1, 3, 4, 5, 6, 7, 8]

7.push() et pop()
push() ajoute un ou plusieurs éléments à la fin du tableau.
pop() supprime le dernier élément du tableau.

8.unshift() et shift()
unshift() ajoute un ou plusieurs éléments en tête du tableau.
shift() supprime le premier élément du tableau.

9.toString() et toLocaleString()

[1,2,3].toString();//"1,2,3"[1,[2,'c']].toString();//"1,2,c"

toLocaleString() est la version localisée de la méthode toString(). Il appelle la méthode toLocaleString() de l'élément pour convertir chaque élément du tableau en chaîne et concatène ces chaînes à l'aide de délimiteurs localisés pour générer la chaîne finale.

10.forEach() parcourt le tableau du début à la fin et appelle la fonction spécifiée pour chaque élément.
La fonction est passée comme premier argument à forEach(), puis forEach() appelle la fonction avec trois arguments : l'élément du tableau, l'index de l'élément et le tableau lui-même.

var data=[1,2,3,4,5];//计算数组元素的和值var sum=0;
data.forEach(function(value){
sum+=value
});  
sum //15//每个数组元素的值加1data.forEach(function(value,index,arr){
arr[index]=value+1;
});
data  //[2, 3, 4, 5, 6]

11.map() transmet chaque élément du tableau appelé à la fonction spécifiée et renvoie un tableau contenant la valeur de retour de la fonction .
Remarque : La fonction passée à mao() doit avoir une valeur de retour. map() renvoie un nouveau tableau et ne modifie pas le tableau d'origine. Si le tableau d'origine est un tableau clairsemé, le tableau clairsemé renvoyé est de la même manière, avec la même longueur et les mêmes éléments manquants.

var a=[1,2,3];var b=a.map(function(value){return value*value;
});
b// [1, 4, 9]

12 filter() renvoie les éléments du tableau qui remplissent les conditions

var a=[1,2,3,5];var b=a.filter(function(value){return value>2;
});
b  // [3, 5]

13.every() et some()
jugements logiques du tableau, ils s'appliquent aux éléments du tableau La fonction spécifiée est jugée et renvoie vrai ou faux.
every() renvoie true si tous les éléments du tableau répondent aux conditions de filtrage.
some() renvoie true s'il y a des éléments dans le tableau qui répondent aux conditions de filtrage.

var a =[1,2,3,4,5];
a.every(function(value){return value<10;
})  //true a中所有元素都小于10a.every(function(value){return value%2===0;
});//false a中不是所有元素都是偶数a.some(function(value){return value%2===0;
})//true a中存在偶数

reduce ; ( ) et réduireRight()
utilisent la fonction spécifiée pour combiner des éléments du tableau afin de générer une valeur unique.
reduce() nécessite deux paramètres.
La première est la fonction qui effectue l'opération de simplification. La tâche de la fonction simplifier est de combiner ou de simplifier deux valeurs en une seule valeur d'une manière ou d'une autre et de renvoyer la valeur simplifiée. Le deuxième paramètre (facultatif) est une valeur initiale transmise à la fonction.
reduceRight() est utilisé de la même manière que réduire(), sauf qu'il traite le tableau de haut en bas (de droite à gauche) en fonction de l'index du tableau.

var a=[1,2,3,4,5];var sum=a.reduce(function(x,y){return x+y;},0);
sum //15  数组求和var max=a.reduce(function(x,y){return x>y?x:y});
max // 5求最大值

indexOf() et lastIndexOf()
indexOf() L'index de la première valeur qualificative, sinon, renvoie -1
lastIndexOf() la dernière valeur qualifiante Index, sinon , renvoie -1

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !

Lecture recommandée :

Explication détaillée de Require.js

Comment implémenter la connexion de nœud à MySQL

Comment utiliser les expressions régulières JS

Javascript modèle singleton

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!