A rendezés lehetővé teszi az adatok elrendezését a kívánt formában. Ez azt jelenti, hogy könnyebb hozzáférni és feldolgozni ezeket az adatokat. Ebben a cikkben az „Array Sort In JavaScript” témakörben az adatok Java-rendezésének különböző módjait vizsgáljuk. A következő mutatókra fogunk összpontosítani,
- Rendezési módszer JavaScript-ben
- Numerikus értékek rendezése
- A tömb rendezése növekvő sorrendben
- Rendezés tömb csökkenő sorrendben
- Objektumok tömbjének rendezése
Kezdjük tehát ennek a tömbnek a Sort In JavaScript cikk első témájával
Tömbök rendezése JavaScript cikkben
Rendezési módszer JavaScript-ben
A sort () metódus ennek megfelelően rendezi a tömbben lévő elemeket, és a rendezett tömböt kimenetként adja vissza a felhasználónak. A beépített módszer a tömbben lévő minden elemet átalakítja a-vá húr , és összehasonlítja őket Unicode kódpont sorrendben. Bár kezdje telepítés első.
Az alábbi kód követi a legalapvetőbb tömb rendezést:
var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var sorted = music.sort () document.write (zene + '
')
Kimenet:
Blues, Jazz, Metal, Pop, Rock
Most folytassuk az ‘Array Sort In JavaScript’ paranccsal, és nézzük meg, hogyan rendezhetjük a numerikus értékeket,
Numerikus értékek rendezése
A számok karaktersorozatba rendezése hamis és helytelen eredményeket eredményez.
var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var sorted = music.sort () document.write (zene + '
')
Kimenet:
10 100,34,45,69,87
Az eredmény abszolút pontatlannak tűnik. Ez azért történik, mert a numerikus tömböt a sort () metódussá alakítja át karakterlánccá. A probléma kiküszöbölhető az a használatával hasonlítsa össze funkció.
A függvény szintaxisa a következő:
array.sort ([összehasonlítFunkció])
Az összehasonlító függvény a attribútumokban és más sorrendben rendezi a tömbben található elemeket. A sort () függvény két értéket hasonlít össze, és elküldi az értékeket az összehasonlító függvénynek.Az összehasonlító függvény az alábbiakban megadott teszteseteket követi:
- Ha a két érték (a & b) összehasonlításának eredménye az negatív , a a b előtt rendezve van.
- Ha úgy tűnik az eredmény pozitív , b az a előtt rendezve van.
- Ha az eredmény 0 , azután nincs változás az a & b értékek rendezési sorrendjében jelenik meg.
A JavaScript tömb ezen bitjében az adatokat növekvő sorrendben rendezzük,
A tömb rendezése növekvő sorrendben
A következő példa bemutatja a tömb növekvő sorrendbe rendezésének eljárását.
var num = [45, 34, 69, 87, 100, 10] num.sort () // Számok rendezése tömb document.write (num)
Kimenet:
3,18,25,28,29,69
Tovább haladva nézzük meg, hogyan rendezhetjük a tömböket csökkenő sorrendben
Rendezés tömb csökkenő sorrendben
A tömb a következő módon csökkenő sorrendben rendezhető:
var num = [3, 25, 18, 28, 69, 29] // Tömb rendezése a num függvény összehasonlításával. rendezés (függvény (a, b) {return a - b}) document.write (szám)
Kimenet:
69,29,28,25,18,3
Akár objektumtömböket is rendezhetünk, nézzük meg, hogyan kell ezt megtenni,
Objektumok tömbjének rendezése
Az összehasonlító funkcióval hatékonyan lehet objektumtömböket rendezni.
var people = [{név: 'Jeremy'}, {név: 'Ari'}, {név: 'Jonathan'}, {név: 'Alec'}, {név: 'Stephen'}] // Rendezés név szerint emberek .sort (függvény (a, b) {var x = a.név.toLowerCase () // figyelmen kívül hagyja a nagy és kisbetűket // a névnek egyenlőnek kell lennie return 0}) // Húzza végig a tömb összes elemét a (var i emberekben) {// Húzza végig az objektum összes tulajdonságát a (var prop in people [i]) {dokumentumban .write (prop + ':' + emberek [i] [prop] + '
')} document.write ('
')}
Kimenet:
név: Alec
név: Ari
név: Jeremy
név: Jonathan
mi a váz a szelénben
név: Stephen
A cikkben ismertetett módszerek aprólékosan bemutatják azt a tényt, hogy az összehasonlító függvényhez kapcsolt rendezési függvény döntő szerepet játszik a szkript nyelvében.
Ezzel a blog végére értünk az ‘Array Sort In JavaScript’ címen. Remélem, hogy ezt informatívnak és hasznosnak találta, kövesse nyomon a hasonló témájú oktatóanyagokat. Lehet, hogy Ön is megvásárolja képzési programunkat to alapos ismereteket szerezhet a jQuery-ről, annak különféle alkalmazásaival együtt élő online képzéshez 24/7 támogatással és egész életen át elérhető hozzáféréssel.
Van egy kérdésünk? Említse meg őket a blog megjegyzés rovatában, és mi kapcsolatba lépünk Önnel.