o la programmazione web ha dato vita ad applicazioni web dinamiche. Con l'avvento del web, JavaScript è diventato uno dei lingue più importanti nel mondo di oggi.Questo JavaScript Array articoloti porterà alle profondità dei metodi degli array in JavaScript nella seguente sequenza:
- Introduzione a JavaScript
- Fondamenti di JavaScript
- JavaScript Array
- Differenza tra array e oggetti
- Metodi di array JavaScript
Introduzione a JavaScript
è un linguaggio di programmazione di alto livello, interpretato, utilizzato per rendere le pagine web più interattive. È un linguaggio di scripting lato client molto potente che rende la tua pagina web più vivace e interattiva.
È un linguaggio di programmazione che ti aiuta a implementare un design complesso e bello sulle pagine web. Se vuoi che la tua pagina web sembri viva e faccia molto di più che sbalordirti, JavaScript è un must.
Fondamenti di JavaScript
Se sei nuovo nella lingua, devi conoscere alcuni dei file fondamenti di JavaScript che ti aiuterà a iniziare a scrivere il tuo codice. Le basi includono:
Puoi controllare il file per entrare nella profondità di questi concetti di base e fondamenti di JavaScript. In questo articolo sull'array JavaScript, ci concentreremo sui diversi metodi dell'array utilizzati per definire un elenco di elementi.
JavaScript Array
Un array è un file struttura dati che contiene un elenco di elementi che memorizzano più valori in una singola variabile.
Per dichiarare un array in JavaScript, utilizza ' permettere 'Parola chiave tra parentesi quadre e racchiude tutti gli elementi al loro interno. La sintassi è la seguente:
let ListItems = [] ListItems = ['shoes', 'watch', 'bag']
Puoi anche dichiararlo come:
let ListItems = ['shoes', 'watch', 'bag']
Differenza tra array e oggetti
Le variabili JavaScript possono essere oggetti. Gli array sono considerati tipi speciali di oggetti. Per questo motivo, puoi avere variabili di diversi tipi nello stesso array.
myArray [0] = Date.now myArray [1] = myFunction myArray [2] = myItems
In JavaScript, array uso indici numerati . Mentre, oggetti sono usati come indici denominati .
Metodi di array JavaScript
Lo scopo dell'utilizzo di un file Vettore è immagazzinare più valori in un singola entità di una variabile dichiarata. Gli array vengono utilizzati quando vogliamo accedere agli elementi in modo ordinato utilizzando una singola variabile. Si possono memorizzare stringhe, valori booleani e numeri in un unico array.
utilizzando r per l'apprendimento automatico
Ce ne sono di diversi Metodi di array JavaScript al fine di eseguire varie attività come:
spingere() - È facile rimuovere elementi e aggiungere nuovi elementi mentre si lavora con gli array. Il metodo push () aggiunge per nuovo elemento al fine di un array. Il valore restituito è la nuova lunghezza dell'array.
Esempio:
let listItems = ['bag', 'shoes', 'dress'] console.log (listItems.push ('watch'))Produzione:
4
Push () non restituisce il valore che è stato aggiunto all'array. Restituisce solo la nuova lunghezza dell'array.
pop ()- Il metodo pop () viene utilizzato per rimuovere il ultimo elemento da un array. Restituisce il valore che è stato estratto.
Esempio:
let listItems = ['bag', 'shoes', 'dress'] console.log (listItems.pop ())
Produzione:
vestito
Pop () restituisce il valore che è stato rimosso e non la lunghezza dell'array come Push ().
cambio() - Lo spostamento è simile allo scoppio, lavorando sul primo elemento anziché sull'ultimo. Il metodo shift () viene utilizzato per rimuovere il primo elemento dell'array e sposta tutti gli altri elementi su un indice inferiore. Ti restituirà la stringa che è stata spostata.
Esempio:
let listItems = ['bag', 'shoes', 'dress'] console.log (listItems.shift ())
Produzione:
Borsa
Shift () funziona come pop () ma restituisce il primo elemento dell'array invece dell'ultimo.
unshift () - Il metodo aggiunge un nuovo elemento al inizio di un array e rimuove gli elementi più vecchi. È simile a Push () e restituisce la nuova lunghezza dell'array.
Esempio:
let listItems = ['bag', 'shoes', 'dress', 'watch'] console.log (listItems.unshift ('phone'))Produzione:
5
Unshift () aggiungerà il nuovo elemento all'array e restituirà la lunghezza del nuovo array.
concat () - Il metodo concat () crea un nuovo array di concatenazione o unendo array esistenti. Itnon modifica l'array esistente e restituisce sempre un nuovo array.
Esempio:
let arr1 = ['red', 'blue', 'green'] let arr2 = ['colors', 'spraypaint', 'brush'] let newArr = arr1.concat (arr2) console.log (newArr)
Produzione:
accordare() - Il metodo toString () viene utilizzato per convertire un array in un file corda di valori di matrice, separati da virgole.
Esempio:
let colors = ['red', 'blue', 'green'] console.log (colors.toString ())
Produzione:
rosso, blu, verde
aderire() - Il metodo join () funziona come toString (). È abituato aderire tutti gli elementi dell'array in un file corda , ma in aggiunta puoi specificare il file separatore .
Esempio:
let colors = ['red', 'blue', 'green'] console.log (colors.join ('+'))Produzione:
rosso + blu + verde
inversione() - Viene utilizzato il metodo reverse () inversione il ordine degli elementi in una matrice. Cambierà l'array originale e cambierà l'ordine degli elementi.
Esempio:
lascia frutti = ['mango', 'mela', 'uva'] console.log (frutti.reverse ())
Produzione:
ordinare() - Il metodo sort () viene utilizzato per ordinare un array in ordine alfabetico . Questa funzione ordina i valori come stringa per impostazione predefinita.
Esempio:
lascia frutti = ['mango', 'mela', 'uva'] console.log (fruits.sort ())
Produzione:
fetta() - Il metodo slice () viene utilizzato per fetta un pezzo di un array in un nuovo array. Crea un nuovo array senza rimuovere alcun elemento dall'array di origine. Restituirà il valore che è stato tagliato dall'array.
Esempio:
let colors = ['red', 'blue', 'green', 'yellow', 'orange'] console.log (colors.slice (1,3))
Produzione:
Questi erano alcuni dei metodi di array JavaScript più comunemente usati. Con questo siamo giunti alla fine del nostro articolo. Spero che tu abbia capito come vengono utilizzati i metodi array in JavaScript.
Ora che conosci i metodi per array JavaScript, controlla il file di Edureka. La formazione sulla certificazione per lo sviluppo web ti aiuterà a imparare come creare siti Web straordinari utilizzando HTML5, CSS3, Twitter Bootstrap 3, jQuery e API di Google e a distribuirli su Amazon Simple Storage Service (S3).
Hai domande per noi? Si prega di menzionarlo nella sezione commenti di 'JavaScript Array' e ti risponderemo.