Metodi array in JavaScript: tutto ciò che devi sapere sui metodi array



Questo articolo fornirà informazioni dettagliate sui diversi metodi di array in JavaScript con esempi di programmi pertinenti.

L'efficienza è molto importante quando si pianifica di codificare una soluzione. L'oggetto array in consiste di vari metodi. Questi metodi vengono utilizzati nei codici per il loro funzionamento efficiente. Questo articolo si concentrerà su vari metodi di array in JavaScript.

I seguenti suggerimenti verranno ritoccati in questo articolo:





Continuiamo con il primo argomento di questo articolo,

Metodi array in JavaScript

Metodo Concat

Il metodo concat () unisce 2 o più array e quindi restituisce una copia dell'array unito.



var alphabet = ['r', 's', 't'] var num = [5, 6, 7] var AlphabetNum = alphabet.concat (num) document.write ('AlphabetNum:' + AlphabetNum)

Nell'esempio fornito, il metodo concat unisce i due array alfabeto e num e restituisce un nuovo array concatenato: AlphabetNum.

Produzione:

AlfabetoNum: r, s, t, 5,6,7



Il prossimo è il metodo CopyWithin,

Metodo CopyWithin

Il metodo copyWithin () presente in JavaScript viene utilizzato per copiare una parte dell'array, nello stesso array, e quindi lo restituisce.

Sintassi:

array.copyWithin (destinazione, inizio, fine)

Questo metodo consiste di tre parametri:

  • Target: la posizione dell'indice in cui deve essere copiato l'elemento. È obbligatorio specificare il target.
  • Inizio: la posizione di indice da cui iniziare a copiare gli elementi. È opzionale. Il valore predefinito di inizio è 0.
  • Fine: la posizione di indice per terminare il processo di copia dell'elemento. Anche questo è un parametro facoltativo e il valore predefinito è lunghezza .
var number = ['Uno', 'Due', 'Tre', 'Quattro', 'Cinque', 'Sei', 'Sette'] document.write (numero) document.write (' 
'+ number.copyWithin (3,0,4))

Produzione:

Uno due tre quattro cinque sei sette

Uno, due, tre, uno, due, tre, quattro

Come mostrato nell'esempio, i valori nell'array vengono copiati nello stesso array. L'indice di destinazione è: 3, l'indice iniziale è: 0 e l'indice finale è: 4.

La parte successiva in questi metodi Array in javascript è,

Ogni metodo

Questo metodo esamina o controlla se tutti gli elementi presenti nell'array soddisfano una condizione specificata. La sintassi del metodo è la seguente:

array.every (function [, This_arg])

L'argomento per questa funzione è un'altra funzione. Definisce la condizione che deve essere verificata. Ha i seguenti argomenti:

  • Array: l'array su cui viene chiamata la funzione every (). È un argomento opzionale.
  • Indice: Indice dell'elemento corrente. Anche questo è opzionale.
  • Elemento: elemento corrente che viene elaborato dalla funzione. È obbligatorio utilizzare questo argomento.

This_arg viene utilizzato per indicare la funzione da utilizzare Questo valore. Nell'esempio seguente controlliamo se ogni elemento dell'array è positivo o meno.

function positive (element, index, array) {return element> 0} function func () {var array = [11, 89, 23, 7, 98] // controlla il numero positivo var value = array.every (positivo) documento .write (valore)} func ()

Va notato che la funzione restituisce il valore in termini di vero o falso. Poiché tutti gli elementi presenti nell'array sono positivi, l'output sarà:

vero

Il prossimo è il metodo ToString.

Metodo ToString

Questo metodo converte un numero in una stringa. I numeri possono essere convertiti anche specificando un valore di base.

var number = 569 document.write ('Output:' + number.toString ())

Nell'esempio fornito, il metodo toString () viene chiamato senza alcun parametro o un valore di base.

Produzione:

569

come copiare in profondità in java

Ora diamo un'occhiata al metodo di join,

Metodo di unione

Il metodo join () unisce ogni elemento presente nell'array. Inoltre, possiamo specificare un separatore per separare gli elementi.

var a = new Array ('I', 'Love', 'Music') var string = a.join () document.write ('string:' + string) var string = a.join ('*') document. Scrivi(' 
string: '+ string) var string = a.join (' + ') document.write ('
stringa: '+ stringa)

Nell'esempio fornito, il primo metodo di unione non contiene alcun separatore, quindi viene utilizzato un separatore predefinito. Negli altri due metodi, '*' e '+' sono operatori specificati.

Produzione:

stringa: Io, amore, musica

stringa: I * Love * Music

stringa: I + Amore + Musica

Successivamente in questo articolo sui metodi degli array su javascript è,

Metodo pop e push

Il metodo pop () rimuove l'elemento dalla fine di un array, proprio come uno stack. Il metodo push (), d'altra parte, aggiunge un elemento alla fine di un array.

I metodi implementano il concetto di LIFO (Last-In-First-Out).

['Rock', 'Metal', 'Blues', 'Jazz'] list.pop () ['Rock', 'Metal', 'Blues']

Il codice rimuove l'ultimo elemento dell'array, ovvero 'Jazz'.

Il metodo push () aggiunge di nuovo l'elemento all'array.

['Rock', 'Metal', 'Blues'] list.push ('Jazz') ['Rock', 'Metal', 'Blues', 'Jazz']

Andiamo oltre,

Metodo Shift e Unshift

Il metodo shift () rimuove l'elemento dall'inizio di un array. Il metodo unshift (), d'altra parte, aggiunge di nuovo l'elemento all'inizio dell'array.

['Rock', 'Metal', 'Blues', 'Jazz'] list.shift () ['Metal', 'Blues', 'Jazz']

Il codice rimuove il primo elemento, ovvero Rock, dall'array.

Utilizzando il metodo unshift (), 'Rock' verrà aggiunto di nuovo all'array.

['Rock', 'Metal', 'Blues', 'Jazz'] list.unshift ('Rock') ['Rock', 'Metal', 'Blues', 'Jazz']

Siamo nelle parti finali di questi metodi di array nel blog javascript,

Metodo di giunzione

Il metodo splice () rimuove una parte particolare o selettiva dell'array. Si rivela un metodo ingegnoso per rimuovere, sostituire o aggiungere elementi all'array.

['Rock', 'Metal', 'Blues', 'Jazz'] list.splice (2, 1) // A partire dalla posizione di indice 2, rimuovi un elemento ['Rock', 'Metal', 'Jazz'] elenco .splice (2,2) // A partire dalla posizione indice 2, rimuovi due elementi ['Rock', 'Metal']

Nell'esempio precedente, il metodo slice rimuove gli elementi in base all'indice specificato.

cos'è una variabile di istanza

'Blues' viene rimosso dal primo esempio in quanto è posizionato all'indice 2.

Nel secondo esempio, vengono rimossi due elementi, ovvero 'Blues' e 'Jazz', poiché l'indice specifica che devono essere rimossi 2 elementi, a partire dall'indice 2.

Va notato che gli array sono indicizzati a zero in JavaScript.

Metodo Slice

Il metodo slice () taglia un elemento dall'array iniziale e restituisce un nuovo array contenente quell'elemento. Va notato che il metodo slice () non rimuove alcun elemento dall'array iniziale.

var array = ['Rock', 'Pop', 'Jazz', 'Blues', 'Metal'] document.write ('array.slice (1, 2):' + array.slice (1, 2)) document .Scrivi(' 
array.slice (1, 3): '+ array.slice (1, 3))

L'output del codice seguente è il seguente:

array.slice (1, 2): Pop

array.slice (1, 3): Pop, Jazz

Il metodo finale in questo metodo array in javascript è,

Metodo ForEach

Questo metodo chiama la funzione per ogni elemento presente nell'array.

function funct () {// Initial array const items = [2, 18, 28] const copy = [] items.forEach (function (item) {copy.push (item * item)}) document.write (copy)} funct ()

Nell'esempio, calcoliamo il quadrato di ogni elemento presente nell'array.

L'output è il seguente:

4.324.784

Con questo siamo giunti alla fine di questo blog su 'Array Method In JavaScript'. Spero che tu l'abbia trovato utile e informativo, resta sintonizzato per ulteriori tutorial su argomenti simili. Puoi anche controllare il nostro programma di formazione tPer ottenere una conoscenza approfondita di jQuery e delle sue varie applicazioni, puoi farlo per formazione online dal vivo con supporto 24 ore su 24, 7 giorni su 7 e accesso a vita.

Hai domande per noi? Menzionateli nella sezione commenti di questo blog e vi risponderemo.