Maison > interface Web > js tutoriel > le corps du texte

Introduction détaillée aux tableaux en javaScript

零下一度
Libérer: 2017-06-28 09:43:02
original
1185 Les gens l'ont consulté

Créer un tableau

 var a=[1,2,3,4]

var arr=new Array()

var arr=new Array(10);//Créer un tableau de longueur 10

var arr =nouveau tableau(1,2,3,4,5,6);//Créer un tableau

                       arr.length==6;

Supprimer le tableau delete var a=[1,2,3];

supprimer a[0];

 1 dans un //false,

 a.length //3, l'opération de suppression n'affectera pas la longueur du tableau

Parcours de tableau

 pour/dans forEach

var a=[1,2,3];

var b=0;

pourEach. (fonction(x){

 b+=x;//Ajouter

 })

Méthodes de tableau

Array.jion();//Convertir tous les éléments en chaînes et les concaténer ensemble, connexion par virgule par défaut, il y a un paramètre qui peut modifier le style de connexion

  Array.reverse();//Tri inverse du tableau

Array.sort(); // Trie le tableau et renvoie le tableau trié. S'il n'y a pas de paramètres, l'ordre alphabétique par défaut sera utilisé. S'il y a des paramètres, l'ordre sera confirmé en fonction de la valeur de retour. de la fonction de rappel

  var a=[33,4,1111,222];

a.sort();//1111,222,33,4;

a.sort(function(a,b){

   return a-b;//4,33,222,1111

  });

 a.sort(function (){

Retour b-a;//1111,222,33,4

 })

Array.concat();//Concaténer des tableaux

 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,7]);/ /[1,2 ,3,4,5,[6,7]]

 Array.slice(); renvoie un fragment du tableau spécifié

 var a=[1,2,3,4,5];

a .slice(0,3);//[1,2,3,4];

a.slice(3);//[4,5];

 a.slice(1,-1);//[2,3,4];

 a.slice(-3,-2);/ /[3]

Array.splice() ;splice() modifiera le tableau. Le premier paramètre est le point de départ, le deuxième paramètre est le nombre d'éléments supprimés et les paramètres suivants sont les éléments insérés. Le point de départ des éléments insérés est le. premier paramètre. Notez que le tableau inséré est un tableau lui-même, pas les éléments à l'intérieur de

Array.push( ) et Array.pop(); push ajoute des éléments à la fin, pop supprime des éléments à la fin et modifie le tableau d'origine

 

Array.unshift() et Array.shift(); unshift ajoute des éléments en tête, shift supprime des éléments en tête et modifie le tableau original

Array.toString() et Array.toLocalString(); convertir en chaîne

Méthodes de tableau dans ES5

méthode forEach()

 méthode map()

 

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

filtre( )

 

 var a=[5,4,3,2 ,1];b=a.filter(function(x){

  return var a=[5,4,3,2,1];

 b=a.filter(function(x, i){

Renvoie i%2==0;//[5,3,1], i est le deuxième paramètre du filtre, il représente l'indice du tableau, et il y a un troisième paramètre L'élément courant appartient à l'objet du tableau

  })

 

Every() et some( ); sont des jugements logiques du tableau

 

var a=[5,4,3,2,1];

b=a.every(function(x){ return x<10;// true;

 })

var a=[5,4,3,2,1];

b=a .some(function(x){    return x%2===0;//false;

 })

reduce() et réduireRight()

var a=[5,4,3,2,1];

b=a.reduce(function(x,y){ < retour 🎜>  b=a.reduce(function(x,y){

  retour x* y;//Multiplication de tableaux

 },1)

 b=a. réduire(fonction(x,y){

   return x>y?x:y;// Trouver la valeur minimale

  },1)

  reduce()//Deux paramètres, le Le premier paramètre exécute la fonction, le deuxième paramètre Valeur initiale facultative Lorsque la fonction est exécutée pour la première fois, la valeur initiale est utilisée comme premier paramètre de la fonction. La valeur renvoyée par l'exécution ultérieure de la fonction est utilisée comme valeur initiale. premier paramètre de la fonction  reduceRight() et Like réduire(), l'exécution démarre à partir du dernier élément

indexOf() et lastindexOf ; recherche l'élément spécifié du tableau, renvoie l'indice s'il est trouvé et renvoie s'il n'est pas trouvé -1


Type de tableau

Array.isArray([]);/ /true

 Array.isArray([]) ;//faux

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