JavaScript - reorder array

In this article, we would like to show you how to reorder an array in JavaScript.

Quick solution:

// ONLINE-RUNNER:browser;

const array = ['a', 'b', 'c', 'd'];

const indexFrom = 0; // index to move element from ('a' element)
const indexTo = 2;   // index to move element to

array.splice(indexTo, 0, array.splice(indexFrom, 1)[0]);

console.log(array); // [ 'b', 'c', 'a', 'd' ]

Extend Array.prototype

In this example, we add a moveElement() function to Array.prototype so we can use it on any array to move an element from indexFrom to indexTo position.

// ONLINE-RUNNER:browser;

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

Array.prototype.moveElement = function(indexFrom, indexTo) {
    this.splice(indexTo, 0, this.splice(indexFrom, 1)[0]);
};

array.moveElement(0, 2);

console.log(array); // [ 'b', 'c', 'a', 'd' ]

References

1. Array.prototype.splice() - JavaScript | MDN