Lajittelun avulla voit järjestää tiedot vaadittuun muotoon. Tämä tarkoittaa, että näiden tietojen käyttö ja käsittely on helpompaa. Tässä 'Array Sort In JavaScript' -artikkelissa etsimme erilaisia tapoja lajitella tietoja JavaScriptissä. Keskitymme seuraaviin ohjeisiin,
- Lajittelutapa JavaScriptissä
- Numeeristen arvojen lajittelu
- Lajittelu taulukko nousevassa järjestyksessä
- Taulukon lajittelu laskevassa järjestyksessä
- Objektijoukon lajittelu
Joten aloitetaan tämän Array Sort In JavaScript -artikkelin ensimmäisen aiheen kanssa
Array Lajittelu JavaScript-artikkelissa
Lajittelutapa JavaScriptissä
Lajittelu () -menetelmä lajittelee matriisissa olevat elementit vastaavasti ja palauttaa lajiteltu taulukon ulostulona käyttäjälle. Sisäänrakennettu menetelmä muuntaa kaikki matriisissa olevat elementit a: ksi merkkijono ja vertaa niitä Unicode-koodipistejärjestyksessä asennus ensimmäinen.
Alla oleva koodi noudattaa perustavanlaatuista taulukkoa:
var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var lajiteltu = music.sort () document.write (music + '
')
Tuotos:
Blues, Jazz, Metalli, Pop, Rock
Jatka nyt 'Array Sort In JavaScript' -toiminnolla ja katso, kuinka voimme lajitella numeeriset arvot,
Numeeristen arvojen lajittelu
Numeroiden lajittelu merkkijonoina tuottaa vääriä ja virheellisiä tuloksia.
var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var lajiteltu = music.sort () document.write (music + '
')
Tuotos:
10 100,34,45,69,87
Tulos näyttää olevan täysin epätarkka. Tämä tapahtuu, koska numeerinen taulukko muunnetaan merkkijonoksi sort () -menetelmällä. Ongelma voidaan poistaa käyttämällä a vertailla toiminto.
Funktion syntaksi on seuraava:
array.sort ([vertaa toiminto])
Vertaa-funktio lajittelee matriisissa olevat elementit eri attribuuttien perusteella ja eri järjestyksessä. Lajittelu () -toiminto vertaa kahta arvoa ja lähettää arvot vertailutoimintoon.Vertailutoiminto seuraa alla annettuja testitapauksia:
- Jos kahden arvon (a & b) vertailun tulos on negatiivinen , a lajitellaan ennen b: tä.
- Jos tulos näyttää olevan positiivinen , b lajitellaan ennen a: ta.
- Jos tulos on 0 sitten ei muutosta näkyy arvojen a & b lajittelujärjestyksessä.
Tässä JavaScript-taulukon lajittelun bitissä lajittelemme tiedot nousevassa järjestyksessä,
Lajittelu taulukko nousevassa järjestyksessä
Seuraava esimerkki kuvaa taulukon lajittelun nousevassa järjestyksessä.
var num = [45, 34, 69, 87, 100, 10] num.sort () // lajittelee numerot taulukon.write (num)
Tuotos:
3,18,25,28,29,69
Siirry eteenpäin katsomaan, kuinka lajitella taulukot laskevassa järjestyksessä
Taulukon lajittelu laskevassa järjestyksessä
Matriisi voidaan lajitella laskevassa järjestyksessä seuraavasti:
var num = [3, 25, 18, 28, 69, 29] // Taulukon lajittelu vertailutoiminnolla numerolajittelu (funktio (a, b) {return a - b}) document.write (num)
Tuotos:
mikä on mvc java
69,29,28,25,18,3
Voimme jopa lajitella esineitä, katsotaan miten se tehdään,
Objektijoukon lajittelu
Vertailutoimintoa voidaan käyttää objektiryhmien lajitteluun tehokkaalla tavalla.
var people = [{nimi: 'Jeremy'}, {nimi: 'Ari'}, {nimi: 'Jonathan'}, {nimi: 'Alec'}, {nimi: 'Stephen'}] // Lajittele nimen mukaan ihmiset .sort (funktio (a, b) {var x = a.name.toLowerCase () // jättää huomiotta isot ja pienet var y = b.name.toLowerCase () // jättää huomiotta isot ja pienet, jos (xy) {return 1} // nimien tulee olla yhtäläiset paluu 0}) // Selaa taulukon kaikkia elementtejä kohteelle (var i ihmisissä) {// Selaa objektin kaikkia ominaisuuksia (var prop ihmisissä [i]) {asiakirja .write (prop + ':' + ihmiset [i] [prop] + '
')} document.write ('
')}
Tuotos:
nimi: Alec
nimi: Ari
nimi: Jeremy
nimi: Jonathan
nimi: Stephen
Artikkelissa selitetyt menetelmät osoittavat huolellisesti, että vertailutoimintoon liittyvällä lajittelutoiminnolla on ratkaiseva merkitys komentosarjakielessä.
Tämän myötä olemme päässeet tämän 'Array Sort In JavaScript' -blogin loppuun. Toivon, että löysit tämän informatiivisen ja hyödyllisen, pysy kuulolla lisää samankaltaisten aiheiden opetusohjelmia. Voit myös tarkistaa koulutusohjelmamme to saada perusteellista tietoa jQuerystä ja sen eri sovelluksista, voit live-verkkokoulutukseen 24/7 tuella ja käyttöikä.
Onko sinulla kysymys meille? Mainitse ne tämän blogin kommenttiosassa ja palaamme sinuun.