Verschieben eines Array-Elements von einer Array-Position zu einer anderen

Question

Ich habe eine harte Zeit herauszufinden, wie man ein Element eines Arrays zu bewegen. Zum Beispiel, gegeben die folgenden:

var array = [ 'a', 'b', 'c', 'd', 'e'];

Wie kann ich eine Funktion schreiben, um das Element zu verschieben 'd' links von 'b' ?

O 'a' rechts von 'c' ?

Nach dem Verschieben der Elemente sollten die Indizes der übrigen Elemente aktualisiert werden. Die resultierende Anordnung wäre:

array = ['a', 'd', 'b', 'c', 'e']

Das scheint ziemlich einfach zu sein, aber ich kann es nicht begreifen.

Answer 1

    Array.prototype.moveUp = function (value, by) {
        var index = this.indexOf(value),
            newPos = index - (by || 1);

        if (index === -1)
            throw new Error("Element not found in array");

        if (newPos < 0)
            newPos = 0;

        this.splice(index, 1);
        this.splice(newPos, 0, value);
    };

    Array.prototype.moveDown = function (value, by) {
        var index = this.indexOf(value),
            newPos = index + (by || 1);

        if (index === -1)
            throw new Error("Element not found in array");

        if (newPos >= this.length)
            newPos = this.length;

        this.splice(index, 1);
        this.splice(newPos, 0, value);
    };

    var arr = ['banana', 'curyWurst', 'pc', 'remembaHaruMembaru'];

    alert('withiout changes= '+arr[0]+' ||| '+arr[1]+' ||| '+arr[2]+' ||| '+arr[3]);
    arr.moveDown(arr[2]);

    alert('third word moved down= '+arr[0] + ' ||| ' + arr[1] + ' ||| ' + arr[2] + ' ||| ' + arr[3]);
    arr.moveUp(arr[2]);
    alert('third word moved up= '+arr[0] + ' ||| ' + arr[1] + ' ||| ' + arr[2] + ' ||| ' + arr[3]);

http://plnkr.co/edit/JaiAaO7FQcdPGPY6G337?p=preview

Answer 2

Hier ist eine Möglichkeit, dies auf unveränderliche Weise zu tun. Als zusätzlicher Bonus werden auch negative Zahlen verarbeitet. Dies ist reduziert die Anzahl der möglichen Fehler auf Kosten der Leistung im Vergleich zur Bearbeitung des ursprünglichen Arrays.

const numbers = [1, 2, 3];
const moveElement = (array, from, to) => {
  const copy = [...array];
  const valueToMove = copy.splice(from, 1)[0];
  copy.splice(to, 0, valueToMove);
  return copy;
};

console.log(moveElement(numbers, 0, 2))
// > [2, 3, 1]
console.log(moveElement(numbers, -1, -3))
// > [3, 1, 2]

Answer 3

Suche und Verschieben eines Elements von der "n"-ten Position zur 0-ten Position.

Beispiel: Finde 'd' und verschiebe es an die 0te Stelle:

let arr = [ 'a', 'b', 'c', 'd', 'e'];
arr = [...arr.filter(item => item === 'd'), ...arr.filter(item => item !== 'd')];

Answer 4

Diese Version ist nicht ideal für alle Zwecke, und nicht jeder mag Kommaausdrücke, aber hier ist ein Einzeiler, der ein reiner Ausdruck ist und eine neue Kopie erstellt:

const move = (from, to, ...a) => (a.splice(to, 0, ...a.splice(from, 1)), a)

Eine leicht leistungsverbesserte Version gibt das Eingabe-Array zurück, wenn keine Verschiebung erforderlich ist. Es ist immer noch OK für unveränderliche Verwendung, da sich das Array nicht ändert, und es ist immer noch ein reiner Ausdruck:

const move = (from, to, ...a) => 
    from === to 
    ? a 
    : (a.splice(to, 0, ...a.splice(from, 1)), a)

Der Aufruf einer der beiden Möglichkeiten ist

const shuffled = move(fromIndex, toIndex, ...list)

d.h. es ist auf die Verbreitung angewiesen, um eine neue Kopie zu erzeugen. Verwendung einer festen Arität 3 move würde entweder die Eigenschaft des einmaligen Ausdrucks, die Zerstörungsfreiheit oder den Leistungsvorteil von splice . Auch hier handelt es sich eher um ein Beispiel, das einige Kriterien erfüllt, als um einen Vorschlag für die Verwendung in der Produktion.

Answer 5

const move = (from, to, ...a) =>from === to ? a : (a.splice(to, 0, ...a.splice(from, 1)), a);
const moved = move(0, 2, ...['a', 'b', 'c']);
console.log(moved)