Tömbök rendezése JavaScriptben: Minden, ami a tömbök rendezését tartalmazza a JavaScriptben

Ez a cikk a „Tömbök rendezése JavaScript-ben” témakörben az adatok Java-ban történő rendezésének különböző módjait vizsgálnánk megfelelő példákkal.

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,



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.