Come sostituire l'oggetto in un array in JavaScript

In JavaScript, l'array è una struttura di dati comunemente utilizzata. Per manipolare i dati, devi sapere come recuperare, aggiungere e sostituirli in un array. Più specificamente, è possibile sostituire o aggiungere uno o più elementi da un array utilizzando i metodi predefiniti JavaScript.

Questo post sul blog descriverà i metodi per sostituire gli oggetti negli array JavaScript.

Come sostituire l'oggetto in un array in JavaScript?

Per sostituire un oggetto in un array, JavaScript fornisce alcuni metodi predefiniti che sono i seguenti:

• • Usando l'indice
  • Utilizzo del metodo IndexOf ()
  • Usando o ciclo
  • Usando il metodo Splice ()

Discutiamo i metodi sopra menzionati uno per uno!

Metodo 1: sostituire l'oggetto in un array usando l'indice

Questo è il metodo più semplice per sostituire un elemento in un array. È possibile accedere a ogni elemento di un array utilizzando un indice, a partire da 0. In questo approccio, è necessario utilizzare parentesi quadrate per accedere a un elemento array.

Sintassi

Seguire la sintassi data per la sostituzione dell'oggetto usando l'indice dell'array:

Array [indice] = elemento;

Qui, l'elemento verrà sostituito nell'indice specificato dell'array.

Esempio

Creeremo un array chiamato "colori"E quindi stampalo sulla console usando il"console.tronco d'albero()" metodo:

var color = ["rosso", "blu", "verde", "rosa"];
console.log ("Array originale:", colori);

Quindi, sostituire l'elemento di un array passando l'indice dell'array usando la notazione della staffa. Sostituiremo l'elemento dall'indice "1" con "viola":

Colori [1] = "Purple";

Stampa il nuovo array sulla console con la stessa lunghezza:

console.log ("array sostituito:", colori);

L'output significa che l'oggetto dell'array "blu"Viene sostituito con successo con"viola":

Passiamo al secondo metodo!

Metodo 2: sostituire l'oggetto in un array usando il metodo IndexOf ()

C'è un altro metodo "indice di()"Ciò emetterà l'indice dell'elemento specificato in un array. Se l'argomento passato non può essere posizionato in un array, emette -1. Pertanto, se non si conosce l'indice di un elemento, utilizzare il metodo IndexOf () per ottenere l'indice specificato dell'array.

Sintassi

La sintassi seguente viene utilizzata per "indice di()" metodo:

Vettore.indicef ("elemento");

Esempio

Qui useremo la stessa serie di "colori"Creato nell'esempio precedente. Ora, ottieni l'indice dell'oggetto dell'array "rosso" usando il "indice di()"Metodo e archivialo in una variabile"colorindex":

const colorIndex = colori.indicef ("rosso");

Quindi, controlla l'indice di Array Se non è uguale a -1 quindi, sostituire l'oggetto di Array "rosso" con "arancia":

if (colorindex !== -1)
Colori [colorIndex] = 'arancione';

Infine, stampa il nuovo array sostituendo l'elemento di Array:

console.log ("nuovo array:", colori);

Produzione

Vediamo un altro metodo per sostituire gli oggetti in un array.

Metodo 3: sostituire l'oggetto in un array utilizzando per loop

L'oggetto può essere sostituito in un array utilizzando il "per" ciclo continuo. Itederà l'array fino a quando non si verifica il valore specificato; Ogni volta che il valore viene abbinato agli oggetti dell'array, il metodo lo sostituisce con un nuovo elemento.

Sintassi

Utilizzare la sintassi seguente del loop per sostituire gli oggetti in un array:

per (var i = 0; i..

Esempio

Qui, lo stesso array chiamato "colori"Viene utilizzato per sostituire il"rosa"Con qualsiasi altro oggetto"nero"Utilizzando per loop:

per (let colorIndex = 0; indice < colors.length; colorIndex ++)
if (Colors [colorIndex] === 'rosa')
Colori [colorIndex] = 'Black';
rottura;

Quindi, stampare l'array risultante usando "console.tronco d'albero()" metodo:

console.log ("nuovo array:", colori);

L'output indica che l'oggetto dell'array originale "rosa"Viene sostituito con il nuovo oggetto"nero":

Se si desidera sostituire gli elementi dell'array da un array in qualsiasi indice specificato, segui la sezione successiva.

Metodo 4: sostituire l'oggetto in un array usando il metodo Splice ()

Usa il metodo predefinito JavaScript "splice ()"Per sostituire gli oggetti in un array. Aggiunge o rimuove gli elementi dell'array specificati e modifica l'array originale. Viene utilizzato in una combinazione del metodo IndexOF () per accedere all'indice dell'elemento array specificato e giunarlo.

Sintassi

Seguire la sintassi data per utilizzare il metodo Splice () per sostituire gli elementi in un array:

vettore.giunzione (startindex, deletecount, element1,…, elementn)

Qui, il "startindex"È la posizione nell'array in cui dovrebbe essere posizionato un nuovo elemento,"deletecount"Indica quanti elementi dovrebbero essere eliminati e il"Element1, ..., elementn"Sono gli elementi che devono essere sostituiti.

Esempio

Otterremo per la prima volta l'indice dell'oggetto dell'array "verde"Passandolo nel"indice di()"Metodo e memorizzalo in variabile"colorindex":

const colorIndex = colori.indicef ("verde");

Quindi, chiama il metodo Splice () e passa l'indice dell'elemento "verde"Questo è memorizzato nella variabile colorIndex, che verrà sostituita,"1"È un deletecount significa eliminare solo un elemento da un array e"Bianco"Come sostituto:

colori.giunzione (colorindex, 1, 'bianco');

Infine, stampa il nuovo array sulla console:

console.log ("nuovo array:", colori);

Abbiamo raccolto tutti gli approcci migliori per la sostituzione di oggetti da array JavaScript.

Conclusione

Per sostituire l'oggetto in un array, JavaScript fornisce alcuni metodi predefiniti, come l'uso dell'indice di un array, il "indice di()"Metodo, il loop o il"splice ()" metodo. Tutti questi metodi hanno effettivamente sostituito un oggetto da un array. Il primo metodo è il modo più comune per sostituire gli elementi da un array, ma è utile in piccoli array i cui indici sono noti. In questo blog, abbiamo descritto i diversi modi per sostituire gli oggetti nelle array JavaScript.