Come ordinare l'array di oggetto per proprietà in JavaScript

Come ordinare l'array di oggetto per proprietà in JavaScript
L'ordinamento è il concetto di organizzare gli elementi in modo specifico. In JavaScript, l'ordinamento di un array ha un'importanza significativa nell'organizzare elementi in ordine crescente e decrescente. Ad esempio, l'array.Il metodo Ordine () viene utilizzato per ordinare un array in base alle proprietà dell'oggetto.

L'articolo dimostra come ordinare una proprietà array per oggetto in javascript. Il contenuto servito in questa guida è il seguente.

  • Come ordinare la proprietà dell'array per oggetto in javascript
  • Esempio 1: ordinamento dell'ordine per ordine alfabetico utilizzando la proprietà Nome in JavaScript
  • Esempio 2: ordinamento dell'ordine per ordine numerico usando la proprietà di età in JavaScript

Come ordinare la proprietà dell'array per oggetto in javascript?

IL vettore.ordinare() Il metodo facilita l'ordinamento degli elementi dell'array utilizzando la funzione di callback. La funzione di callback itera su tutti gli elementi in base alle proprietà degli oggetti nell'array. L'obiettivo di questo metodo è calcolare tutti gli elementi soddisfacendo le condizioni definite dall'utente. Per impostazione predefinita, il vettore.ordinare() Il metodo restituisce una sequenza ascendente degli elementi nell'array esistente.

Sintassi

vettore.ordinare()


Nota: Il metodo è impiegato per ordinare elementi numerici e alfabetici.

Esempio 1: ordinamento dell'ordine per ordine alfabetico utilizzando la proprietà Nome in JavaScript

Un esempio viene utilizzato per eseguire l'ordinamento dei valori dell'array attraverso la proprietà in JavaScript.

Codice

console.log ("Un esempio di array di ordinamento in javascript");
const insegnanti = [
nome: "John", età: 30,
nome: "Peter", età: 27,
nome: "Bob", età: 38
];
insegnanti.Ordina ((x, y) => x.nome.LocdeCompare (y.nome));
console.registro (insegnanti);


La spiegazione del codice è elencata di seguito:

  • Un array "insegnanti"È creato in cui nome E età Le proprietà sono memorizzate.
  • Un metodo "LocalEcompare"È adattato per confrontare il nome
  • IL ordinare() Il metodo viene utilizzato per chiamare un “localCompare ()"Metodo per confrontare il primo alfabeto del nome
  • Questo metodo esegue l'iterazione attraverso tutti gli elementi nell'array corrente.
  • Finalmente il console.tronco d'albero() Il metodo viene utilizzato per visualizzare i valori della proprietà Nome in ordine alfabetico.


Produzione


L'output restituisce l'array ordinato in ordine alfabetico, come ad esempio Bob, John, E Peter.

Esempio 2: ordinamento dell'ordine per ordine numerico usando la proprietà di età in JavaScript

Un altro esempio è seguito per eseguire l'ordinamento dell'array tramite le proprietà dell'oggetto in JavaScript.

Codice

console.log ("Un esempio di array di ordinamento in javascript");
var objar = [
nome: "John", età: 30,
nome: "Peter", età: 27,
nome: "Bob", età: 38
];
output = objar.Ordina (cmpage);
funzione cmpage (a, b)

restituire a.età - b.età;

console.registro (output);


In questo codice:

  • Un array objar è creato in cui nome E età Le proprietà sono memorizzate.
  • Dopodiché, un metodo chiamato cmpage viene utilizzato per confrontare il età
  • Inoltre, il ordinare() il metodo viene utilizzato per chiamare il cmpage () metodo per confrontare il età
  • Il metodo valuta tutti i valori del età Proprietà nell'array.
  • Alla fine, il console.tronco d'albero() Il metodo viene impiegato per visualizzare la proprietà di età in ordine crescente.


Produzione


L'output mostra l'array ordinato usando il età Proprietà in JavaScript.

Conclusione

In JavaScript, il metodo integrato vettore.ordinare() è impiegato per ordinare un array accedendo alle sue proprietà. Il metodo utilizza la funzione di callback per eseguire iterazioni attraverso tutti gli elementi nell'array esistente. Sono dimostrati due esempi per ordinare l'array alfabetico così come numerico ordine. Pertanto, devi capire come ordinare un array per le proprietà degli oggetti. Inoltre, tutti i browser famosi supportano il vettore.ordinare() metodo di JavaScript.