1

配列を昇順と降順の両方で並べ替えようとしています。しかし、これを正しく行う方法がわからないようです。さまざまな方法で試しましたが、うまくいきませんでした。これは、2つのボタンをクリックしたときに発生するはずです。1つは「stigande」というIDが昇順で、もう1つは「fallande」というIDが降順です。解決策はありますか？

Javascript

$(document).ready(function(){

var $films = [];

// ändra bakgrundsfärg för textfield 
$('#name').keyup(function(){
            $('#name').css('background-color', 'white');
});

// ändra bakgrundsfärg för select lista
$('#options').change(function(){
            $('#options').css('background-color', 'white');
});

// kör funktionen när knappen med id button klickas
$("#button").click(function(){
    var $titelBetyg = [];

    var $titel = $('#name').val();
    var $betyg = $('#options').val();

    // kontrollera om textfield är tom
    if($titel == ""){
        $('#name').css('background-color', 'red');
        alert("Mata in titel.....");
    }

    // kontrollera om select lista inte är vald
    else if($betyg == "0"){
        $('#options').css('background-color', 'red');
        alert("Välj betyg....");
    }
    else{

        $titelBetyg.push($titel);
        $titelBetyg.push($betyg);
        $films.push($titelBetyg);

        var $ul = $('#rightbar ul').empty();
        if (!$ul.length){ // om ul inte finns
            $ul = $("<ul>").appendTo('#rightbar'); // skapa en ny
        }

        // loopa igenom arrayen och placera innehållet i ul och li
        for (var i=0; i<$films.length; i++){
            $ul.append("<li>" + $films[i][0] + " " + $films[i][1] + "</li>");
        }

        $('#form').get(0).reset();

    }
});

// kör funktionen när knappen med id stigande klickas
$('#stigande').click(function(a,b){
    $films.sort();
});

// kör funktionen när knappen med id fallande klickas
$('#fallande').click(function(){
    $films.reverse();   
});

});
4

1 に答える 1

4

一連の名前だけを並べ替えるのではなく、配列の配列を並べ替えているため、並べ替えには少し異なる操作を行う必要があります。

次のようなものを使用してみてください。

function arrSort(arr, subkey){
  //Default to 0 if no subkey is set
  subkey = (subkey===undefined?0:subkey);

  var a = arr.slice(0),
      b = [], x;

  //For each section in the array, create an array containing whatever we are trying to sort by and our unique ID
  for (x in a){
    b[x]=[a[x][subkey], x];
  }

  b=b.sort();

  //Wipe out all the data that's currently in arr!
  arr.splice(0, arr.length);

  for (x in b){
    arr.push(a[b[x][1]]);
  }
  return arr;
}

$ titelで並べ替えたいと思うので、次のように実装したいと思います。

// kör funktionen när knappen med id stigande klickas
$('#stigande').click(function(a,b){
  arrSort($films, 0);
});

// kör funktionen när knappen med id fallande klickas
$('#fallande').click(function(){
  arrSort($films, 0);
  $films.reverse();   
});
于 2013-02-27T16:12:12.817 に答える