Array all'interno di un oggetto JavaScript

Array all'interno di un oggetto JavaScript

I tipi di dati più popolari in JavaScript sono "oggetti "e" array". Puoi combinarli entrambi per formare strutture di dati complesse in grado di gestire e archiviare una grande quantità di dati in diversi formati. In JavaScript, un oggetto può includere array come proprietà che gli consentono di archiviare e modificare gli array nel contesto dell'oggetto.

Questo tutorial dimostrerà la procedura per l'uso di un array all'interno dell'oggetto.

Come usare l'array all'interno di un oggetto JavaScript?

Per usare un array all'interno di un oggetto JavaScript, dichiara semplicemente un oggetto con un array come uno dei suoi attributi. L'oggetto può quindi essere utilizzato per accedere e manipolare l'array. Facendo un array una proprietà di un oggetto, è possibile aggiungere rapidamente e rimuovere elementi dall'array mantenendo un riferimento all'oggetto con cui l'array è connesso.

Esempio

Crea un oggetto con cinque proprietà in cui due di loro hanno array:

const obj =
ID: 5,
Nome: "Emily",
Designazione: "Web Developer",
Abilità: ["JavaScript", "Node", "Angular", "React"],
squadra: []
;

Stampa l'oggetto sulla console usando "console.tronco d'albero()" metodo:

console.log (obj);

L'output mostra tutte le proprietà comprese gli array e una di esse è un array vuoto:

È inoltre possibile accedere agli elementi dell'array all'interno dell'oggetto usando la notazione punto o la notazione della staffa:

console.registro (obj.competenze);
console.log (obj ["team"]);

Produzione

Qui accederemo al primo elemento del "competenze"Array usando"0"Come indice di array:

console.registro (obj.abilità [0]);

Come puoi vedere, l'output visualizza il "JavaScript"Che è il primo elemento di"competenze" vettore:

Puoi anche aggiungere o eliminare elementi da un array nell'oggetto usando "spingere()" metodo. Qui, aggiungeremo "Mili"In un array vuoto, quindi stampare l'array come attributo di un oggetto:

obj.squadra.push ("Mili");
console.log (obj ["team"]);

Produzione

Abbiamo raccolto tutte le informazioni essenziali relative all'array all'interno di un oggetto JavaScript.

Conclusione

Puoi usare un array in un oggetto JavaScript, come uno dei suoi attributi. Innanzitutto, dichiara semplicemente un oggetto e aggiungi un array come proprietà dell'oggetto. L'oggetto può quindi essere utilizzato per accedere e manipolare l'array. Questo tutorial ha dimostrato la procedura per l'uso di un array all'interno dell'oggetto.