Nwlapcug.com


Tutorial Javascript Array



JavaScript è un linguaggio di scripting lato client web pagina. Una caratteristica di JavaScript è il tipo di dati di matrice. Una matrice è semplicemente un elenco di valori che possono fare riferimento a un nome di variabile. Le matrici possono contenere diversi tipi di dati come stringhe, valori integer e Boolean. Oltre l'aggiunta e rimozione di dati da matrici, è possibile anche ordinarli, invertirli o anche combinare due matrici insieme. Uno dei modi principali che le matrici JavaScript differiscono da altri oggetti di JavaScript è la proprietà length. La proprietà length indica quanti elementi sono contenuti nella matrice.

Istruzioni

1

Creare una matrice nel codice JavaScript con l'istruzione riportata di seguito.

Esempio di matrice vuota.
var myArray = new Array)
VAI

Esempio di una matrice vuota di lunghezza fissa.
var myArray = new Array (5)
VAI

Esempio di una matrice pre-popolata con i valori.
var myArray = new Array (\"string1\", \"string2\", \"string3\");

2

Determinare la dimensione della matrice con il \"length\" proprietà, come illustrato nel codice seguente.

myArray
VAI
Restituirebbe un valore di 3.

Impostare la matrice di una nuova lunghezza (con valori vuoti per eventuali elementi aggiuntivi).
myArray = 5;

3

Aggiungere un elemento alla fine della matrice con il \"push\" Metodo copiando l'istruzione seguente. Questo metodo ha un valore restituito della lunghezza della matrice.

myArray.push(\"string4\")
VAI
Restituirebbe un valore di 4.
La matrice sarà ora (stringa1, stringa2, string3, string4)

4

Inserire elementi nella matrice in un punto specificato con il \"splice\" comando illustrato di seguito. Il \"splice\" comando accetta tre parametri: l'indice per inserire, il numero di elementi da rimuovere a quell'indice e il nuovo valore da inserire.

myArray.splice(2,0,\"string2a\")
VAI
La matrice sarà ora (stringa1, stringa2, string2a, string3, string4)

5

Rimuovere elementi dalla matrice in un particolare punto utilizzando il \"splice\" esempio di comando riportato di seguito. Il terzo parametro per la \"splice\" metodo è facoltativo.

myArray.splice (2, 2)
VAI
La matrice sarà ora (stringa1, stringa2, string4)

myArray.splice (2, 1, \"newstring3\")
VAI
La matrice sarà ora (stringa1, stringa2, newstring3)

6

Rimuovere un singolo elemento alla fine della matrice utilizzando la \"pop\" comando.

myArray.pop()
VAI
La matrice sarà ora (stringa1, stringa2)

7

Rimuovere un singolo elemento dall'inizio della matrice utilizzando la \"shift\" comando. Per aggiungere un elemento alla parte anteriore della matrice si utilizzerebbe il \"unshift\" invece di comando.

myArray.shift()
VAI
La matrice sarà ora (string2)

8

Combinare due matrici insieme con il \"concat\" comando dell'esempio qui sotto. Il \"concat\" comando impiega almeno due parametri, ma può richiedere molti altri.

var myNewArray = new Array)
VAI
var mySecondArray = new Array (3)
VAI
var mySecondArray = new Array (\"newstring1\", \"newstring2\", \"newstring3\")
VAI
myNewArray = myArray.concat(mySecondArray)
VAI
La nuova matrice sarà ora (newstring1, newstring2, newstring3, string2)

9

Passare l'ordine di tutti gli elementi in una matrice chiamando il \"reverse\" comando.

myNewArray.reverse()
VAI
La nuova matrice sarà ora (string2, newstring3, newstring2, newstring1)

10

Restituire alcuni elementi della matrice in un punto specificato con il \"slice\" comando illustrato di seguito. Il comando di fetta accetta due parametri: l'indice da cui iniziare a e il numero di elementi da restituire.

myNewArray.slice(2,2)
VAI
Rendimenti (newstring3, newstring2)

11

Restituisce gli elementi di una matrice come un valore di singola stringa utilizzando il \"toString\" comando illustrato di seguito.

myNewArray.toString()
VAI
Restituisce \"string2,newstring3,newstring2,newstring1\"

12

Restituire gli elementi di una matrice come un singolo valore stringa e separano con un carattere utilizzando il \"join\" comando come in questo esempio.

myNewArray.join (\ "e \")
VAI
Restituisce \"string2 e newstring3 e newstring2 e newstring1\"

13

Mettere gli elementi della matrice in ordine alfabetico con la \"sort\" comando illustrato di seguito.

myNewArray.sort()
VAI
La nuova matrice sarà ora (newstring1, newstring2, newstring3, string2)

Consigli & Avvertenze

  • È possibile ordinare gli elementi di una matrice in modi più complessi, passando il parametro facoltativo di una funzione di ordinamento.