L'ordinamento consente di disporre i dati in una forma richiesta. Ciò significa che diventa più facile accedere ed elaborare questi dati. In questo articolo su 'Ordinamento di array in JavaScript' esploreremo diversi modi di ordinare i dati in JavaScript. Ci concentreremo sui seguenti suggerimenti,
- Metodo di ordinamento in JavaScript
- Ordinamento dei valori numerici
- Ordinamento di array in ordine crescente
- Ordinamento di array in ordine decrescente
- Ordinamento di array di oggetti
Quindi iniziamo con il primo argomento di questo articolo sull'ordinamento di array in JavaScript
Ordinamento di array nell'articolo JavaScript
Metodo di ordinamento in JavaScript
Il metodo sort () ordina gli elementi presenti nell'array di conseguenza e restituisce l'array ordinato come output all'utente. Il metodo integrato converte ogni elemento presente nell'array in un file corda e li confronta nell'ordine dei punti del codice Unicode. Anche se inizia con installazione primo.
Il codice seguente segue l'ordinamento dell'array più semplice:
var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var ordinato = music.sort () document.write (music + '
')
Produzione:
Blues, Jazz, Metal, Pop, Rock
Ora continuiamo con 'Array Sort in JavaScript' e vediamo come possiamo ordinare i valori numerici,
Ordinamento dei valori numerici
Ordinare i numeri come stringhe produce risultati falsi e non corretti.
var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var ordinato = music.sort () document.write (music + '
')
Produzione:
10,100,34,45,69,87
Il risultato sembra essere assolutamente impreciso. Ciò accade perché l'array numerico viene convertito in una stringa dal metodo sort (). Il problema può essere risolto utilizzando un file confrontare funzione.
La sintassi per la funzione è la seguente:
array.sort ([compareFunction])
La funzione compare ordina gli elementi presenti nell'array in base a diversi attributi e in un diverso ordine. La funzione sort () confronta due valori e invia i valori alla funzione di confronto.La funzione di confronto segue i casi di test riportati di seguito:
- Se il risultato del confronto dei due valori (a & b) è negativo , a viene ordinato prima di b.
- Se il risultato sembra essere positivo , b viene ordinato prima di a.
- Se il risultato è 0 , poi nessun cambiamento appare nell'ordinamento dei valori a & b.
In questo bit di Array Sort in JavaScript ordineremo i dati in ordine crescente,
come creare un pacchetto in java
Ordinamento di array in ordine crescente
L'esempio seguente mostra la procedura di ordinamento della matrice in ordine crescente.
var num = [45, 34, 69, 87, 100, 10] num.sort () // Ordina array di numeri document.write (num)
Produzione:
3,18,25,28,29,69
Andando oltre, vediamo come ordinare gli array in ordine decrescente
Ordinamento di array in ordine decrescente
L'array può essere ordinato in ordine decrescente nel modo seguente:
var num = [3, 25, 18, 28, 69, 29] // Ordinamento di un array utilizzando la funzione di confronto num.sort (function (a, b) {return a - b}) document.write (num)Produzione:
69,29,28,25,18,3
Possiamo persino ordinare array di oggetti, vediamo come farlo,
Ordinamento di array di oggetti
La funzione di confronto può essere utilizzata per ordinare gli array di oggetti in modo efficiente.
var people = [{name: 'Jeremy'}, {name: 'Ari'}, {name: 'Jonathan'}, {name: 'Alec'}, {name: 'Stephen'}] // Ordina per nome persone .sort (function (a, b) {var x = a.name.toLowerCase () // ignora maiuscole e minuscole var y = b.name.toLowerCase () // ignora maiuscole e minuscole if (xy) {return 1} // i nomi devono essere uguali return 0}) // Esegue il ciclo di tutti gli elementi nell'array for (var i in people) {// Esegue il ciclo di tutte le proprietà nell'oggetto for (var prop in people [i]) {document .write (prop + ':' + people [i] [prop] + '
')} document.write ('
')}Produzione:
nome: Alec
nome: Ari
nome: Jeremy
nome: Jonathan
nome: Stephen
I metodi spiegati nell'articolo dimostrano meticolosamente il fatto che la funzione di ordinamento collegata alla funzione di confronto gioca un ruolo cruciale nel linguaggio di scripting.
Con questo arriviamo alla fine di questo blog su 'Array Sort 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.