Zmiana kolejności tablice

Question

Powiedz, mam tablicę, która wygląda tak:

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

Jak mogę przenieść element do innej pozycji?

Chcę przenieść na przykład {artist:"Lalo Schifrin", title:"Shifting Gears"} do końca.

Próbowałem za pomocą sklejenia, tak:

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

Ale to nie działa.

Answer 1

Zmiana 2 na 1, jako pierwszy parametr w wywołaniu spawów podczas usuwania elementu:

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

Answer 2

Zawsze możesz użyć metody sortowania, jeśli nie wiem, gdzie płyta jest w chwili obecnej:

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

Answer 3

Jeśli znasz indeksów można łatwo zamienić elementy, z prostych funkcji takich jak to:

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"}] 

Indeksy tablicowe są tylko właściwościami obiektu tablicy, więc można zamienić jego wartości.

Answer 4

Składnia Array.splice jest:

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

Gdzie:

• Indeks jest położenie w tablicy chcesz rozpocząć usuwanie elementów z
• howmany jest ile elementy, które chcesz usunąć z indeks
• element1, ..., elementX to elementy, które chcesz wstawić z pozycji indeks.

Oznacza to, że można użyć splice() do usuwania elementów, dodawania elementów lub zastępowania elementów w tablicy, w zależności od przekazywanych argumentów.

Zwróć uwagę, że zwraca tablicę usuniętych elementów.

Coś miłego i generycznych byłoby:

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

Następnie wystarczy użyć:

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

Diagram:

Answer 5

Spróbuj tego:

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

Answer 6

Jeśli tylko kiedykolwiek chcesz przenieść jeden element z dowolnej pozycji do końca tablicy, to powinno działać:

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

Jeśli chcesz przenieść kilka pozycji z jakiejś dowolnej pozycji do końca, można zrobić:

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

Jeśli chcesz przenieść kilka pozycji z jakiejś dowolnej pozycji do jakiejś dowolnej pozycji, spróbuj:

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; 
} 

Answer 7

Oto niezmienna wersja dla tych, którzy są zainteresowani:

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; 
    }, []); 
}