Las matrices de JavaScript funcionan de manera similar a las matrices en la mayoría de los lenguajes de programación.
<! DocType html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> Learn4Array </title> </head> <body> <script type = "text/javaScript"> // crea y rellena var myarray = new array (); myArray [0] = 100; myArray [1] = "Luka"; true; </script> </body> </html>
Al crear una matriz, no necesita declarar el número de elementos en la matriz. Las matrices de JavaScript se cambian automáticamente para acomodar todos los elementos.
No es necesario declarar el tipo de datos contenidos en la matriz. Las matrices JavaScript pueden mezclar tipos que contienen varios datos.
1. Use literales de matriz
Usando literales, puede crear y llenar una matriz en una declaración.
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> Learn4Array </title> </head> <body> <script type = "text/javaScript"> var myArray = [100, "Luka", true]; </script> </body> </hml>
Este ejemplo crea una nueva matriz especificando los elementos de matriz requeridos entre un par de soportes cuadrados ([y]) y la asigna a la variable myArray.
2. Lea y modifique el contenido de la matriz
Para leer el valor de un elemento de matriz en una posición de índice especificada, use un par de soportes cuadrados ([y]) y coloque el valor de índice entre los soportes cuadrados. El valor de índice de la matriz JavaScript comienza en 0.
< 0: "+myArray [0]+" <Br/> "); // Modifique la matriz myArray [0] =" lunes "; document.writeLn (" índice 0: "+myArray [0]); </script> </body> </ html>Resultado de salida:
Índice 0: 100
Índice 0: lunes
3. Enumere el contenido de la matriz
Puede enumerar el contenido de la matriz usando un bucle for.
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> Learn4Array </title> </head> <body> <script type = "text/javaScript"> var myArray = [100, "Luka", verdadero]; para (var i = 0; i <myarray.length; i ++) "+i+": "+myArray [i]+" <Br/> ")} </script> </body> </html>
Resultado de salida:
Índice 0: 100
ÍNDICE 1: Luka
ÍNDICE 2: verdadero
3. Use el método de matriz incorporado
El objeto de matriz en JavaScript define muchos métodos. La siguiente figura enumera algunos de los métodos más utilizados.
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> Learn4Array </title> </head> <body> <script type = "text/javaScript"> var myArray1 = [100, "Luka"]; var myArray2 = [true]; //cat (<thereSarray>) myArray1.concat (myArray2); for (var i = 0; i <myArray.length; i ++) {document.writeLn ("myArray ["+i+"]:"+myArray [i]+"<br />")tocument.writeLn("<Br />"); // unir (<spareparator>) var strRArray = = >)Document.WriteLn("<Br /> "); // unir (<SEPEPEPEPATOR>) myArray.join ('-'); document.writeLn (Strarray+"<br />");document.writeln("<br />") ;/pop()MyArray.pop())Document.WriteLn(MyArray+"<) />") ;//push(<Item>)MyArray.push("Hello JavaScript ", 200); document.WriteLn (myArray+" <br />") ;Document.WriteLn("■br/> "); // reverso () myArray = myArray.Reverse (); document.writeln (myArray+" <brin "<brin" <br. />") ;Document.WriteLn("<Br /> "); // slice (<s inicio>, <d end>) document.writeLn (myArray.slice (1,3)+" br /> "); document.writeLn (myArray.slice (0)+" <Br />") ;Document.Writeln("<br /> "); sortNumber (a, b) {return b - a;} var myArray3 = ["George", "John", "Thomas", "James", "Adrew", "Martin"]; var myArray4 = [10,5,40,25,1000,1]; document.writeLn (myArArray3.sort ()+"<r />"); Document.writeln (Docum. myArray4.sort ()+"<r/>"); // use una función de clasificación para clasificar los números por el tamaño del valor document.writeLn (myArray4.sort (sortNumber)+"<br />") ;document.writeLn("<br />") ;/Unshift(<Item>) MYArAY. /> "); </script> </body> </html>Resultado de salida:
myArray [0]: 100
MyArray [1]: Luka
myArray [2]: verdadero
100-Luka-verdad
100, Luka
100, Luka, Hola JavaScript, 200
200, Hola Javascript, Luka, 100
Hola Javascript, Luka, 100
Luka, 100
Hola Javascript, Luka, 100
Adrew, George, James, John, Martin, Thomas
1,10,1000,25,40,5
1000,40,25,10,5,1
1,2, hola JavaScript, Luka, 100
El contenido anterior es el uso de matrices básicas de JavaScript presentadas por el editor. ¡Espero que te sea útil!