v2.5.2
Giriş yap

divleri içindeki veriye göre sıralamak

memdhaci
348 defa görüntülendi
7

merhaba, arrayin içindeki objelerden alınan veriler ile ve foreach ile alt alta listelenmiş divlerim var
divleri içlerindeki sayıya göre nasıl listelerim
örneğin divlerin içinde yazan sayı en büyük olan en üste geliyor

javascript
Cevap yaz
Cevaplar (7)
abdullahx
795 gün önce
<button data-type="1" class="sirala">Sırala</button>
<button data-type="2" class="sirala">Eski Haline getir</button>

<div class="container">

</div>

  let array = [
            {
                value: 100
            },
            {
                value: 80
            },
            {
                value: 60
            },
            {
                value: 110
            }
        ],
        defaultOrders = [...array]

    const container = document.querySelector(".container")

    function compare(a, b) {
        if ( parseFloat(a.value) > parseFloat(b.value) ){
            return -1;
        }
        return 0;
    }


    [...document.querySelectorAll(".sirala")].forEach(buttons => {
      buttons.onclick = function() {
          this.dataset.type === '1' ? array.sort(compare) : array = [...defaultOrders]
          container.innerHTML = ''
          array.forEach(value => {
              let div = document.createElement("div")
              div.innerText = value.value
              container.appendChild(div)
          })
      }
    })

Bunu dener misin?

1
#009136
memdhaci
795 gün önce

@abdullahx
arrayin içindeki objeleri butona basarak büyükten küçüğe sıralıyorum başka bir butona basınca da büyükten küçüğe sıralamadan önceki haline gelmesini istiyorum olay bu hocam

let array = [
  {
    value: 100
  },
  {
    value: 80
  },
  {
    value: 60
  },
  {
    value: 110
  },
]

function compare( a, b ) {
    if ( parseFloat(a.value) > parseFloat(b.value) ){
        return -1;
    }
    
  return 0;
}

$('button').click(function({
    array.sort( compare );
)};
0
#009135
abdullahx
798 gün önce

Hocam hiçbir data vermeden cevap arıyorsunuz, gerçekten tatmin edici bir yanıt alabilmeyi umuyor musunz?

0
#009108
memdhaci
798 gün önce

@house2k merhaba benim kodlarım js ile yazıldığı için ve php bilmediğim için attığın örneği anlayamadım

0
#009105
house2k
799 gün önce

Merhaba istediğiniz sistem ile ilgili olarak aşağıdaki verdiğim örneği inceleyebilirsiniz.


<?php 
$urunler = array(
 0 => array(
 'URUN_AD' => 'Cep Telefonu',
 'URUN_FIYAT' => 1250.32,
 ),
 1 => array(
 'URUN_AD' => 'Bardak',
 'URUN_FIYAT' => 23.5,
 ),
 2 => array(
 'URUN_AD' => 'Masa',
 'URUN_FIYAT' => 352,
 ),
 3 => array(
 'URUN_AD' => 'Bilgisayar',
 'URUN_FIYAT' => 2499.99,
 )
);
 
$tmpArray = array(); // Sıralanmasını istediğimiz alanı buraya aktracağız
 
foreach($urunler as $key => $value){
 $tmpArray[$key] = $value['URUN_FIYAT'];
}
 
array_multisort($tmpArray, SORT_DESC, $urunler); // ESAS ALINACAK SIRALAMA DIZISI, SIRALAMA TİPİ, ANA DIZI
 
print_r($urunler); 
?>

Dip Not: Sorunuz veya yardıma ihtiyacanız olursa yazabilirsiniz. Sorununuzun çözülmesi halinde yorumu doğru işaretleyebilir ve bana sorunun çözüldüğüne dair bir doğrulama sağlayabilirsiniz. Eğerki sorununuz çözüme kavuşmadı ise sorununuzu yazıp bu yorumu beğenirseniz tekrardan sizlere geri dönüş sağlarım.

0
#009101
memdhaci
800 gün önce

@hasanablak objeleri sıralıyor fakat ben bir butona basınca arrayi sort ediyorum
başka bir butona basınca geri eski haline döndürmek için ne yapmalıyım?

0
#009096
hasanablak
804 gün önce

function compare( a, b ) {
if ( a.last_nom < b.last_nom ){

return -1;

}
if ( a.last_nom > b.last_nom ){

return 1;

}
return 0;
}

objs.sort( compare );

0
#009055