Metodi per accessori array in javascript spiegati con esempi

In JavaScript, ci sono diversi metodi integrati disponibili che sono molto utili nella prospettiva di lavorare con array, come il metodo che modifica l'array effettivo è definito come metodo mutatore. Mentre il metodo che non modifica l'array primario/originale invece restituisce una nuova rappresentazione per l'array sulla base dell'array originale è definito come metodo degli accessori. In questo post, tratteremo vari metodi di accessori per array come concat (), slice (), indicef (), filtro () e lastindexof () metodo.

Metodo Concat () in JavaScript

In JavaScript, il metodo Concat viene utilizzato per unirsi ai più array e, di conseguenza, restituisce un nuovo array. Consideriamo un esempio in cui abbiamo creato due array e concatenarli nel terzo array, dai un'occhiata al codice di seguito per capire come "Concat ()" Il metodo funziona in JavaScript:

const array1 = [5,10,15,20,25];
const array2 = [30,35,40,45,50];
const resulting_array = array1.concat (array2);
console.log ("L'array risultante è:", resulting_array);

Nel codice di cui sopra, l'array risultante concatena i primi due array:

La console.La funzione di registro viene utilizzata per produrre l'output dell'array risultante sulla console del browser:

L'output verifica che l'array risultante combina gli elementi sia di "array1" che "array2".

Metodo join () in javascript

In JavaScript, il "giuntura()" Il metodo restituisce una nuova stringa unendo tutti gli elementi dell'array all'interno di una stringa separata da una virgola ",".

const array1 = ['5', '10', '15', '20', '25'];
const resulting_array = array1.giuntura();
console.log ("L'array risultante che utilizza il metodo di join è:", resulting_array);

Qui abbiamo preso i valori Array1 come valori di stringa e l'implementazione JavaScript del codice sopra dato sarà:

Nell'output, osserverai che il "giuntura()" La funzione restituisce una stringa separata da una virgola.

In JavaScript, chiunque può separare gli elementi di stringa per qualsiasi altro simbolo della loro scelta; Supponiamo di voler usare "|" Come una virgola separata, allora lo utilizzeremo come:

const array1 = ['5', '10', '15', '20', '25'];
const resulting_array = array1.join ('|');
console.log ("L'array risultante che utilizza il metodo di join è:", resulting_array);

Implementeremo il codice sopra in JavaScript come:

L'output risultante sarà:

Metodo Filter () in JavaScript

In JavaScript, il metodo "Filter ()" viene utilizzato per filtrare un array sulla base di alcune condizioni. Ad esempio, vogliamo filtrare numeri positivi da un array, il codice in JavaScript sarebbe:

const all_numbers = [5, -10,15, -20, -25,30];
const positivo_only = all_numbers.filtro (function (numero)
Numero di ritorno> = 0;
);
console.log (positivo_only);

Quindi, nell'esempio, abbiamo un array che consiste in numeri sia positivi che negativi e vogliamo filtrare l'array e visualizzare solo numeri positivi. Quindi impostiamo una condizione che verificherà se "il numero è maggiore o uguale a 0" o no, di conseguenza:

Il nostro output mostra che il metodo "Filter ()" stampa solo i numeri positivi:

Metodo Slice () in JavaScript

JavaScript utilizza il metodo "Slice ()" per copiare una parte dell'array in qualche nuovo array e accetta due parametri opzionali di avvio dell'indice e l'ultimo indice. Consideriamo uno scenario in cui vogliamo solo i primi tre elementi dell'array, lo faremo usando il metodo della fetta. L'ultimo indice deve essere l'indice "N+1", significa che se si desidera i valori tra l'indice da 0 all'Indice 2, è necessario scrivere l'ultimo indice come "3":

const array1 = [5,10,15,20,25];
const resulting_array = array1.fetta (0,3);
console.log ("L'array risultante è:", resulting_array);

Qui, prendiamo il primo indice come 0 e scriviamo l'ultimo indice come 3, il metodo Slice escluderà l'ultimo indice '3' e considererà gli elementi dell'array per indice 0, indice 1 e solo indice 2.

L'output del programma sopra sarà:

Metodo IndexOf () in JavaScript

JavaScript utilizza il metodo IndexOF per trovare il verificarsi di un elemento in un array e restituirà -1 se l'elemento non si trova nell'array. Inoltre, se un array ha lo stesso elemento due volte rispetto al "indice di" Il metodo restituirà la posizione del primo occorrenza. Considera il codice seguente per capire come "indice di" Il metodo funziona:

const array1 = [5,10,15,15,20,25];
const resulting_array = array1.INDICEF (15);
console.log ("L'array risultante è:", resulting_array);

L'implementazione JavaScript del metodo indicef sarà:

L'output del codice di cui sopra verificherà che il metodo "IndexOf" restituisca la prima istanza dell'elemento cercato:

Metodo LastIndexof () in JavaScript

JavaScript utilizza il "LastIndexof" Metodo per trovare l'ultima apparizione di un elemento in un array e questo metodo restituirà -1 quando non riesce a trovare un elemento nell'array:

const array1 = [5,10,15,15,20,25];
const resulting_array = array1.LastIndexof (15);
console.log ("Hai cercato indice di array:", resulting_array);

L'implementazione del codice sopra sarà:

In Array1, '15' si ripete due volte, quindi il "LastIndexof" Il metodo restituirà l'indice dell'ultima occorrenza di "15":

Include () metodo in JavaScript

JavaScript usa "Include ()" Metodo per cercare qualsiasi elemento in un array, di conseguenza, restituirà un valore booleano:

const array1 = [5,10,15,15,20,25];
const resulting_array = array1.Include (15);
console.log ("Valore ricercato trovato:", resulting_array);

Qui abbiamo cercato "15" usando il metodo "Include ()":

Il metodo "Include ()" restituirà l'output True come "15" è presente nell'array:

Conclusione:

I metodi degli accessori array eseguono alcune azioni negli array e, di conseguenza, restituiscono una nuova rappresentazione migliorata in JavaScript. In questo post, abbiamo appreso in dettaglio tali metodi considerando alcuni esempi. Inoltre, abbiamo implementato ogni metodo in JavaScript e notato l'output desiderato su ciascun metodo. Questo articolo aiuterà i lettori a implementare i metodi degli accessori array integrati in JavaScript.