Diyelim ki şuna benzeyen bir dizim var:

var playlist = [
    {artist:"Herbie Hancock", title:"Thrust"},
    {artist:"Lalo Schifrin", title:"Shifting Gears"},
    {artist:"Faze-O", title:"Riding High"}
];

Bir öğeyi başka bir konuma nasıl taşıyabilirim?

Mesela {artist:"Lalo Schifrin", title:"Shifting Gears"}sonuna gitmek istiyorum .

Splice kullanmayı denedim, şöyle:

var tmp = playlist.splice(2,1);
playlist.splice(2,0,tmp);

Ama işe yaramıyor.

Sözdizimi Array.spliceşöyledir:

yourArray.splice(index, howmany, element1, /*.....,*/ elementX);

Nerede:

• dizin , dizideki öğeleri kaldırmaya başlamak istediğiniz konumdur
• kaç öğe dizinden çıkarmak istediğiniz öğedir
• element1, ..., elementX , konum dizininden eklenmesini istediğiniz öğelerdir .

Bu splice(), ilettiğiniz argümanlara bağlı olarak bir dizideki öğeleri kaldırmak, eklemek veya öğeleri değiştirmek için kullanılabileceği anlamına gelir .

Kaldırılan elemanların bir dizisini döndürdüğünü unutmayın.

Güzel ve genel bir şey şöyle olabilir:

Array.prototype.move = function (from, to) {
  this.splice(to, 0, this.splice(from, 1)[0]);
};

O zaman şunu kullan:

var ar = [1,2,3,4,5];
ar.move(0,3);
alert(ar) // 2,3,4,1,5

Diyagram:

Dizinleri biliyorsanız, aşağıdaki gibi basit bir işlevle öğeleri kolayca değiştirebilirsiniz:

function swapElement(array, indexA, indexB) {
  var tmp = array[indexA];
  array[indexA] = array[indexB];
  array[indexB] = tmp;
}

swapElement(playlist, 1, 2);
// [{"artist":"Herbie Hancock","title":"Thrust"},
//  {"artist":"Faze-O","title":"Riding High"},
//  {"artist":"Lalo Schifrin","title":"Shifting Gears"}]

Dizi dizinleri, dizi nesnesinin yalnızca özellikleridir, dolayısıyla değerlerini takas edebilirsiniz.

İşte ilgilenenler için değişmez bir versiyon:

function immutableMove(arr, from, to) {
  return arr.reduce((prev, current, idx, self) => {
    if (from === to) {
      prev.push(current);
    }
    if (idx === from) {
      return prev;
    }
    if (from < to) {
      prev.push(current);
    }
    if (idx === to) {
      prev.push(self[from]);
    }
    if (from > to) {
      prev.push(current);
    }
    return prev;
  }, []);
}

Öğeyi kaldırırken splice çağrısındaki ilk parametre olarak 2'yi 1'e değiştirin:

var tmp = playlist.splice(1, 1);
playlist.splice(2, 0, tmp[0]);

ES6 ile bunun gibi bir şey yapabilirsiniz:

const swapPositions = (array, a ,b) => {
  [array[a], array[b]] = [array[b], array[a]]
}

let array = [1,2,3,4,5];
swapPositions(array,0,1);

/// => [2, 1, 3, 4, 5]

Kaydın şu anda nerede olduğunu bilmiyorsanız, her zaman sıralama yöntemini kullanabilirsiniz:

playlist.sort(function (a, b) {
    return a.artist == "Lalo Schifrin" 
               ? 1    // Move it down the list
               : 0;   // Keep it the same
});

DÜZENLEME: Lütfen Andy'nin cevabına bir göz atın çünkü cevabı önce geldi ve bu sadece onun

Bunun eski bir soru olduğunu biliyorum, ancak buna değer olduğunu düşünüyorum Array.prototype.sort().

İşte bağlantıyla birlikte MDN'den bir örnek

var numbers = [4, 2, 5, 1, 3];
numbers.sort(function(a, b) {
  return a - b;
});
console.log(numbers);

// [1, 2, 3, 4, 5]

Neyse ki sadece sayılarla çalışmıyor:

arr.sort([compareFunction])

compareFunction

Sıralama düzenini tanımlayan bir işlevi belirtir. Atlanırsa, dizi, her öğenin dize dönüşümüne göre her karakterin Unicode kod noktası değerine göre sıralanır.

Bunları adlarına göre sipariş ettiğinizi fark ettim:

let playlist = [
    {artist:"Herbie Hancock", title:"Thrust"},
    {artist:"Lalo Schifrin", title:"Shifting Gears"},
    {artist:"Faze-O", title:"Riding High"}
];

// sort by name
playlist.sort((a, b) => {
  if(a.artist < b.artist) { return -1; }
  if(a.artist > b.artist) { return  1; }

  // else names must be equal
  return 0;
});

Onları soyadına göre sipariş etmek istiyorsanız, ya her ikisi için de bir anahtarınızın olması first_nameve last_nameya da XD yapamadığım bir normal ifade sihri yapmanız gerekeceğini unutmayın.

Umarım yardımcı olur :)

Bunu dene:

playlist = playlist.concat(playlist.splice(1, 1));

Sadece bir öğeyi rastgele bir konumdan dizinin sonuna taşımak istiyorsanız, bu çalışmalıdır:

function toEnd(list, position) {
    list.push(list.splice(position, 1));
    return list;
}

Birden fazla öğeyi rastgele bir konumdan sona taşımak istiyorsanız şunları yapabilirsiniz:

function toEnd(list, from, count) {
    list.push.apply(list, list.splice(from, count));
    return list;
}

Birden fazla öğeyi rastgele bir konumdan rastgele bir konuma taşımak istiyorsanız şunu deneyin:

function move(list, from, count, to) {
    var args = [from > to ? to : to - count, 0];
    args.push.apply(args, list.splice(from, count));
    list.splice.apply(list, args);

    return list;
}

Basit bir değiştirilebilir çözüm olarak splice'ı art arda iki kez çağırabilirsiniz:

playlist.splice(playlist.length - 1, 1, ...playlist.splice(INDEX_TO_MOVE, 1))

Öte yandan, bu yöntem orijinal diziden bir bölümün bir kopyasını değiştirmeden döndürdüğünden, basit bir değişmez çözüm dilim kullanabilir:

const copy = [...playlist.slice(0, INDEX_TO_MOVE - 1), ...playlist.slice(INDEX_TO_MOVE), ...playlist.slice(INDEX_TO_MOVE - 1, INDEX_TO_MOVE)]

Çalışmasını Bu Şekilde Yeniden Sırala

 var tmpOrder = playlist[oldIndex];
    playlist.splice(oldIndex, 1);
    playlist.splice(newIndex, 0, tmpOrder);

Umarım bu işe yarar