Introduzione alle matrici in JavaScript
Come sappiamo, gli oggetti ci consentono di memorizzare raccolte di valori con chiave. Ma a volte abbiamo bisogno di una collezione ordinata, dove dobbiamo conservare il 1 °, 2 °, 3 ° elemento e molti altri. Ad esempio, considera che dobbiamo archiviare un elenco di qualcosa: i dati degli utenti, i dati sulle merci e molti altri. Non è appropriato utilizzare un oggetto qui, perché non fornisce metodi per gestire l'ordine degli elementi. Gli oggetti non vengono creati per tale uso. Esiste una struttura dati speciale chiamata Array, per memorizzare le raccolte ordinate. Le matrici in JavaScript consentono di memorizzare più valori in una singola variabile. Memorizza lo stesso tipo di raccolta sequenziale di elementi a dimensione fissa.
Le matrici in JavaScript vengono utilizzate per archiviare un set di informazioni, ma spesso è più utile per memorizzare un set di variabili dello stesso tipo. Un array è una singola variabile in JavaScript utilizzata per memorizzare vari elementi. Quando vogliamo memorizzare un elenco di elementi e accedervi attraverso una singola variabile, viene spesso utilizzato. A differenza di molte altre lingue in cui un array è un riferimento di varia variabile, nell'array JavaScript esiste una singola variabile che memorizza vari elementi. L'oggetto Array in JavaScript è un oggetto globale utilizzato nella costruzione di array; ovvero oggetti di alto livello simili a elenchi.
Come funziona l'array in JavaScript?
Le matrici in JavaScript sono un modo per archiviare elementi in una singola variabile in memoria. Con il suo indice, è possibile accedere agli elementi nell'array. L'indice dell'array inizia con 0. Gli array Javascript sono a base zero, il che significa che il primo indice dell'elemento è 0. Questo è molto importante perché significa che esiste sempre un offset di un'unità: il primo elemento avrà un indice di 0, e il secondo elemento avrà un indice di 1 e così via.
Come creare matrici in JavaScript (esempio)?
La matrice di oggetti consente di memorizzare vari valori in una variabile. Memorizza una raccolta sequenziale di dimensioni fisse dello stesso tipo di elementi. Un array viene utilizzato per archiviare un set di raccolte, ma spesso è più utile considerare un array come un insieme dello stesso tipo di variabili. L'array di notazione letterale semplifica la creazione di array in JavaScript. Comprende due parentesi quadre che avvolgono elementi di matrice opzionali separati da virgola. Numero, stringa, booleano, null, indefinito, oggetto, funzione, espressione regolare e altre strutture possono essere qualsiasi tipo di elementi dell'array.
L'array può essere creato in JavaScript come indicato di seguito
var country = ("India", "England", "Srilanka");
Nella creazione sopra, stai inizializzando un array ed è stato creato con i valori "India", "Inghilterra" e "Sri Lanka". L'indice di "India", "Inghilterra" e "Sri Lanka" è rispettivamente 0, 1 e 2. Puoi aggiungere ulteriori elementi alla matrice del paese, quindi puoi farlo come mostrato di seguito
country(3) = "New Zealand";
country(4) = "Australia"
var country = new Array("India", "England", "Srilanka");
OR
var country = new Array();
country(0) = "India";
country(1) = "England";
country(2) = "Srilanka";
Esempio
JavaScript Creating Array
var my_array=("England", "Australia", "India");
document.getElementById("myarray").innerHTML = my_array;
Produzione
Tipi di matrici in JavaScript (spiega ogni tipo con esempio)
Di seguito sono riportati i diversi tipi di array in JavaScript come segue:
-
Matrice letterale
L'array può essere creato con un array letterale usando la sintassi seguente
var arrayname=(value1, value2…..valuen);
Considera il semplice esempio di creazione di un array in JavaScript utilizzando Array Literal
Array Literal
var country=("India", "Australia", "England");
for (i=0;i document.write(country(i) + "
");
)
Array Literal
var country=("India", "Australia", "England");
for (i=0;i document.write(country(i) + "
");
)
Uscita :
-
Matrice direttamente
L'array può essere creato direttamente con l'array utilizzando la nuova parola chiave come mostrato di seguito nella sintassi
var arrayname=new Array();
Di seguito un esempio di creazione di un array in JavaScript utilizzando direttamente l'array con l'aiuto della nuova parola chiave
Array Directly
var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(emp(num) + "
");
)
Array Directly
var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(emp(num) + "
");
)
Uscita :
-
Costruttore di array
L'istanza dell'array può essere creata passando argomenti in un costruttore. L'esempio seguente crea un array in JavaScript utilizzando Array Constructor con l'aiuto della nuova parola chiave
Array Constructor
var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(country(num) + "
");
)
Array Constructor
var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(country(num) + "
");
)
Produzione
Spiegare i metodi dell'array in JavaScript
Di seguito sono riportati i metodi di matrice in JavaScript come segue
1. metodo concat ()
È possibile creare un nuovo array con una combinazione di due o più array con l'aiuto del metodo concat ().
Sintassi
array.concat(val1, val2, …, valN);
Esempio
JavaScript Array Method
var chars = ("A", "B", "C");
var num = (10, 20, 30);
var concat_res = chars.concat(num);
document.write("Concatenated Result : " + concat_res );
Produzione
2. every ()
ogni metodo () controlla se determinati elementi sono veri o falsi in un array come previsto nella condizione. Restituisce vero se condizione corrisponde a condizione data altrimenti restituisce falso.
Sintassi
Array.every(callback, thisArg)
Dove callback è una condizione per testare la funzione e thisArg è un parametro facoltativo utilizzato durante l'esecuzione del callback.
Esempio
JavaScript Array Method
var vals=(150, 400, 450, 375, 200);
function check_num(value)
(
return value>100;
)
document.writeln(vals.every(check_num));
Produzione
3. fill ()
Il metodo fill () viene utilizzato per riempire i valori statici specificati modificando i valori originali nell'array specificato.
Sintassi
array.fill(value)
Esempio
JavaScript Array Method
var my_array=("England", "Australia", "India");
var array_result=my_array.fill("EDUCBA");
document.writeln(my_array);
Produzione
4. filtro ()
Il metodo filter () viene utilizzato per filtrare gli elementi dell'array in base alla condizione specificata.
Sintassi
array.filter(callback, thisArg)
Esempio
JavaScript Array Method
var vals=(150, 200, 345, 375, 125);
function check_num(value)
(
return value>150;
)document.writeln(vals.filter(check_num));
Produzione
5. forEach ()
Il metodo forEach () viene utilizzato per richiamare la funzione per ciascun elemento dell'array.
Sintassi
array.forEach(callback, thisArg)
Esempio
JavaScript Array Method
var my_array = ('India', 'Srilanka', 'England');
my_array.forEach(function(fetch) (
document.writeln(fetch);
));
Produzione
6. include ()
Il metodo include () viene utilizzato per verificare se l'elemento specificato è incluso nell'array o meno. Se l'elemento è incluso in un array, restituisce true, altrimenti restituisce false.
Sintassi
array.includes(element) //where “element” is a value which is to be searched in the array
Esempio
JavaScript Array Method
var my_array=("Sachin", "Dhoni", "Kohli", "Rohit", "Dhawan") var array_result=my_array.includes("Sachin");
document.writeln(array_result);
Produzione
7. join ()
Il metodo join () viene utilizzato per combinare gli elementi dell'array nella stringa e fornisce una nuova stringa.
Sintassi
array.join(separator)
Esempio
JavaScript Array Method
var my_array=('India', 'Srilanka', 'England') var array_result=my_array.join('-')
document.write(array_result);
Produzione
8. pop ()
Il metodo pop () viene utilizzato per estrarre l'ultimo elemento dell'array specificato.
Sintassi
array.pop(operator)
Esempio
JavaScript Array Method
var my_array=("England", "Australia", "India");
document.writeln("Real array elements: "+my_array+"
");
document.writeln("Extracted element of array: "+my_array.pop()+"
");
document.writeln("Remaining elements of array: "+ my_array);
Produzione
9. push ()
Il metodo push () viene utilizzato per aggiungere l'elemento alla fine dell'array.
Sintassi
array.push()
Esempio
JavaScript Array Method
var my_array=("England", "Australia", "India");
my_array.push("Srilanka");
document.writeln(my_array);
Produzione
10. reverse ()
Il metodo reverse () viene utilizzato per invertire la sequenza della matrice di elementi fornita. L'ultimo elemento diventerà il primo e il primo elemento diventerà l'ultimo.
Sintassi
array.reverse()
Esempio
JavaScript Array Method
var my_array=("England", "Australia", "India");
var reverse_val=arr.reverse();
document.writeln(reverse_val);
Produzione
11. shift ()
Il metodo shift () viene utilizzato per restituire il primo elemento di un array.
Sintassi
array.shift()
Esempio
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.shift();
document.writeln(array_result);
Produzione
12. slice ()
Il metodo slice () viene utilizzato per visualizzare una parte degli elementi dell'array specificati senza modificare l'array originale.
Sintassi
array.slice(start, end)
Esempio
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.slice(2, 3);
document.writeln(array_result);
Produzione
13. sort ()
Il metodo sort () viene utilizzato per visualizzare gli elementi dell'array in ordine crescente.
Sintassi
array.sort()
Esempio
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.sort();
document.writeln(array_result);
Produzione
14. unshift ()
Il metodo unshift () viene utilizzato per aggiungere elementi all'inizio dell'array.
Sintassi
array.unshift(“element”)
Esempio
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.unshift("Kohli");
document.writeln(my_array);
Produzione
15. indexOf ()
Il metodo indexOf () viene utilizzato per cercare la posizione di un elemento in un determinato array.
Sintassi
array.indexOf(“element”)
Esempio
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.indexOf("Rohit");
document.writeln(array_result);
Produzione
Conclusione
Come discusso finora, un array è un tipo speciale di oggetto per la memorizzazione e la gestione di elementi di dati. Un array è un oggetto, che fornisce un gruppo di elementi e utile per archiviare una grande quantità di dati dello stesso tipo. Le proprietà e i metodi degli oggetti array aiutano gli sviluppatori a gestire facilmente gli array. Come oggetto globale, l'array JavaScript può essere utilizzato nella costruzione di array di alto livello.
Articolo raccomandato
Questa è stata una guida agli array in JavaScript. Qui discutiamo i diversi tipi e metodi di array insieme a Esempio. Puoi anche consultare i nostri altri articoli suggeriti per saperne di più
- Strumenti JavaScript
- Funzioni matematiche JavaScript
- I migliori frame Javascript
- Usi di JavaScript
- Matrici in PHP