In questo tutorial imparerai a conoscere gli array JavaScript con l'aiuto di esempi.
Come sai, una variabile può memorizzare un singolo elemento. Se è necessario memorizzare più elementi contemporaneamente, è possibile utilizzare un array.
Un array è un oggetto che può memorizzare più elementi . Per esempio,
const myArray = ('hello', 'world', 'welcome');
Crea un array
Puoi creare un array in due modi:
1. Utilizzando un array letterale
Il modo più semplice per creare un array è usare un array letterale (). Per esempio,
const array1 = ("eat", "sleep");
2. Utilizzo della nuova parola chiave
Puoi anche creare un array utilizzando la newparola chiave di JavaScript .
const array2 = new Array("eat", "sleep");
In entrambi gli esempi precedenti, abbiamo creato un array con due elementi.
Nota : si consiglia di utilizzare un array letterale per creare un array.
Di seguito sono riportati altri esempi di array:
// empty array const myList = ( ); // array containing number values const numberArray = ( 2, 4, 6, 8); // array containing string values const stringArray = ( 'eat', 'work', 'sleep'); // multiple data types array const newData = ('work', 'exercise', 1, true);
È inoltre possibile memorizzare array, funzioni e altri oggetti all'interno di un array. Per esempio,
const newData = ( ('task1': 'exercise'), (1, 2 ,3), function hello() ( console.log('hello')) );
Accedi agli elementi di un array
È possibile accedere agli elementi all'interno di un array utilizzando gli indici (0, 1, 2 …) . Per esempio,
const myArray = ('h', 'e', 'l', 'l', 'o'); // first element console.log(myArray(0)); // "h" // second element console.log(myArray(1)); // "e" 
Indicizzazione di array in JavaScript
Nota : l'indice di array inizia con 0, non con 1.
Aggiungi un elemento a un array
È possibile utilizzare il metodo integrato push()e unshift()aggiungere un elemento a un array.
Il push()metodo aggiunge un elemento alla fine di un array e restituisce la lunghezza di un nuovo array. Per esempio,
let dailyActivities = ('eat', 'sleep'); // add an element at the end of the array dailyActivities.push('exercise'); console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Il unshift()metodo aggiunge un nuovo elemento all'inizio di un array e restituisce la nuova lunghezza di un array. Per esempio,
let dailyActivities = ('eat', 'sleep'); //add an element at the end of the array dailyActivities.unshift('work'); console.log(dailyActivities); // ('work', 'eat', 'sleep', 'exercise'')
Modificare gli elementi di un array
È inoltre possibile aggiungere elementi o modificare gli elementi accedendo al valore dell'indice.
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 2 index dailyActivities(2) = 'exercise'; console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Supponiamo che un array abbia due elementi. Se provi ad aggiungere un elemento all'indice 3 (quarto elemento), il terzo elemento non sarà definito. Per esempio,
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 3 index dailyActivities(3) = 'exercise'; console.log(dailyActivities); // ("eat", "sleep", undefined, "exercise")
Fondamentalmente, se provi ad aggiungere elementi a indici alti, gli indici intermedi avranno un valore indefinito.
Rimuovi un elemento da un array
È possibile utilizzare il pop()metodo per rimuovere l'ultimo elemento da un array. Il pop()metodo restituisce anche il valore restituito. Per esempio,
let dailyActivities = ('work', 'eat', 'sleep', 'exercise'); // remove the last element dailyActivities.pop(); console.log(dailyActivities); // ('work', 'eat', 'sleep') // remove the last element from ('work', 'eat', 'sleep') const removedElement = dailyActivities.pop(); //get removed element console.log(removedElement); // 'sleep' console.log(dailyActivities); // ('work', 'eat')
Se è necessario rimuovere il primo elemento, è possibile utilizzare il shift()metodo. Il shift()metodo rimuove il primo elemento e restituisce anche l'elemento rimosso. Per esempio,
let dailyActivities = ('work', 'eat', 'sleep'); // remove the first element dailyActivities.shift(); console.log(dailyActivities); // ('eat', 'sleep')
Lunghezza array
Puoi trovare la lunghezza di un elemento (il numero di elementi in un array) usando la lengthproprietà. Per esempio,
const dailyActivities = ( 'eat', 'sleep'); // this gives the total number of elements in an array console.log(dailyActivities.length); // 2
Metodi di matrice
In JavaScript, sono disponibili vari metodi di matrice che semplificano l'esecuzione di calcoli utili.
Alcuni dei metodi di array JavaScript comunemente usati sono:
| Metodo | Descrizione |
|---|---|
| concat () | unisce due o più array e restituisce un risultato |
| indice di() | cerca un elemento di un array e ne restituisce la posizione |
| trova() | restituisce il primo valore di un elemento della matrice che supera un test |
| findIndex () | restituisce il primo indice di un elemento della matrice che supera un test |
| per ciascuno() | chiama una funzione per ogni elemento |
| include () | controlla se un array contiene un elemento specificato |
| spingere() | aggiunge un nuovo elemento alla fine di un array e restituisce la nuova lunghezza di un array |
| unshift () | adds a new element to the beginning of an array and returns the new length of an array |
| pop() | removes the last element of an array and returns the removed element |
| shift() | removes the first element of an array and returns the removed element |
| sort() | sorts the elements alphabetically in strings and in ascending order |
| slice() | selects the part of an array and returns the new array |
| splice() | removes or replaces existing elements and/or adds new elements |
Example: JavaScript Array Methods
let dailyActivities = ('sleep', 'work', 'exercise') let newRoutine = ('eat'); // sorting elements in the alphabetical order dailyActivities.sort(); console.log(dailyActivities); // ('exercise', 'sleep', 'work') //finding the index position of string const position = dailyActivities.indexOf('work'); console.log(position); // 2 // slicing the array elements const newDailyActivities = dailyActivities.slice(1); console.log(newDailyActivities); // ( 'sleep', 'work') // concatenating two arrays const routine = dailyActivities.concat(newRoutine); console.log(routine); // ("exercise", "sleep", "work", "eat")
Note: If the element is not in an array, indexOf() gives -1.
Visit JavaScript Array Methods to learn more.
Working of JavaScript Arrays
In JavaScript, an array is an object. And, the indices of arrays are objects keys.
Poiché gli array sono oggetti, gli elementi dell'array vengono memorizzati per riferimento. Quindi, quando un valore di matrice viene copiato, qualsiasi modifica nella matrice copiata si rifletterà anche nella matrice originale. Per esempio,
let arr = ('h', 'e'); let arr1 = arr; arr1.push('l'); console.log(arr); // ("h", "e", "l") console.log(arr1); // ("h", "e", "l")
È inoltre possibile memorizzare valori passando una chiave denominata in un array. Per esempio,
let arr = ('h', 'e'); arr.name = 'John'; console.log(arr); // ("h", "e") console.log(arr.name); // "John" console.log(arr('name')); // "John" 
Indicizzazione di array in JavaScript
Tuttavia, non è consigliabile memorizzare i valori passando nomi arbitrari in una matrice.
Quindi in JavaScript, dovresti usare un array se i valori sono nella raccolta ordinata. Altrimenti è meglio usare object con ( ).
Articoli consigliati
- JavaScript forEach
- JavaScript per … di
- Matrice multidimensionale JavaScript
