Les tableaux JavaScript fonctionnent de manière similaire aux tableaux dans la plupart des langages de programmation.
<! Doctype html> <html lang = "en"> <éread> <meta charset = "utf-8"> <itle> Learn4Array </ title> </ head> <body> <script type = "text / javascript"> // créer et remplir le Array var MyArray = new Array (); MyArray [0] = 100; MyArray [1] = "Luka"; true; </cript> </ body> </html>
Lors de la création d'un tableau, vous n'avez pas besoin de déclarer le nombre d'éléments dans le tableau. Les tableaux JavaScript sont automatiquement redimensionnés pour s'adapter à tous les éléments.
Il n'est pas nécessaire de déclarer le type de données contenues dans le tableau. Les tableaux JavaScript peuvent mélanger des types contenant diverses données.
1. Utilisez des littéraux de tableau
En utilisant des littéraux, vous pouvez créer et remplir un tableau dans une déclaration.
<! Doctype html> <html lang = "en"> <éread> <meta charset = "utf-8"> <itle> Learn4Array </ title> </ head> <body> <script type = "Text / javascrip
Cet exemple crée un nouveau tableau en spécifiant les éléments de tableau requis entre une paire de crochets ([et]) et le affecte à la variable MyArray.
2. Lire et modifier le contenu du tableau
Pour lire la valeur d'un élément de tableau à une position d'index spécifiée, utilisez une paire de crochets ([et]) et placez la valeur d'index entre les crochets. La valeur d'index du tableau JavaScript commence à 0.
<! Doctype html> <html lang = "en"> <éread> <meta charset = "utf-8"> <itle> Learn4Array </ title> </ head> <body> <script type = "text / javascript"> var myArray = [100, "Luka", true]; // Lire la valeur des éléments Array du document de position d'index spécifiée. 0: "+ MyArray [0] +" <br /> "); // Modifiez le tableau MyArray [0] =" lundi "; document.writeln (" index 0: "+ MyArray [0]); </ script> </ body> </html>Résultat de sortie:
Index 0: 100
Index 0: lundi
3. Énumérer le contenu du tableau
Vous pouvez énumérer le contenu du tableau à l'aide d'une boucle pour une boucle.
<! Doctype html> <html lang = "en"> <éread> <meta charset = "utf-8"> <itle> Learn4Array </ title> </ head> <body> <script type = "text / javascript"> var myArray = [100, "Luka", true]; pour (var i = 0; i <MyArray.Lengthn; i ++) {document. "+ i +": "+ MyArray [i] +" <r /> ")} </cript> </ body> </html>Résultat de sortie:
Index 0: 100
Index 1: Luka
Index 2: Vrai
3. Utilisez la méthode du tableau intégré
L'objet Array en JavaScript définit de nombreuses méthodes. La figure suivante répertorie certaines des méthodes les plus couramment utilisées.
<! Doctype html> <html lang = "en"> <éad> <meta charset = "utf-8"> <itle> Learn4Array </ title> </ head> <body> <script type = "text / javascrip MyArray1.Concat (MyArray2); pour (var i = 0; i <MyArray.Length; i ++) {document.writeln ("MyArray [" + i + "]:" + MyArray [i] + "<br />") }Document.Writeln("< <br />"); // join (<carmorator>) var strArray = MyArray.join ('-'); document.writeln (StraRray + "<Br />");Document.Writeln("<BR />") ;/pop()myarray.pop();Document.writeln(myArray++ <br />" '' />") ;//push(<Item>)myArray.push("hello javascript ", 200); document.writeln (MyArray +" <Br />");Document.writeln(" <br /> "); // inverse () MyArray = MyArray.reverse (document.writeln (MyArray +" <Brus />");Document.writeln("<Br /> "); // tranche (<start>, <end>) document.writeln (MyArray.slice (1,3) +" <br /> "); document.writeln (MyArray.slice (0) +" <Br />) fonction (). sortnumber (a, b) {return b - a;} var myarray3 = ["George", "John", "Thomas", "James", "Adrew", "Martin"]; var MyArray4 = [10,5,40,25,1000,1]; document.writeln (MyArray3.Sort () + "<br />"); Document.Writeln ( MyArray4.Sort () + "<br />"); // Utilisez une fonction de tri pour trier les nombres par la taille de la valeur document.writeln (MyArray4.Sort (SortNumber) + "<Br />");Document.writeln("<B />") ;//unshift. /> "); </ script> </ body> </html>Résultat de sortie:
MyArray [0]: 100
MyArray [1]: Luka
MyArray [2]: vrai
100 luka-true
100, Luka
100, luka, bonjour javascript, 200
200, bonjour javascript, luka, 100
Bonjour javascript, luka, 100
Luka, 100
Bonjour javascript, luka, 100
Adrew, George, James, John, Martin, Thomas
1,10,1000,25,40,5
1000,40,25,10,5,1
1,2, bonjour javascript, luka, 100
Le contenu ci-dessus est l'utilisation des tableaux de base JavaScript qui vous sont présentés par l'éditeur. J'espère que cela vous sera utile!