How I can rearrange the last element of an array to the first place?

Question

I have an array of objects in javascript:

shapeToolsTarget: Array(4)
0: {id: 20, name: "Background", type: "shape"}
1: {id: 21, name: "BorderColor", type: "shape"}
2: {id: 22, name: "BorderWeight", type: "shape"}
3: {id: 3, name: "Paste", type: "text"}

How I can rearrange the last element of an array to the first place? Like that:

shapeToolsTarget: Array(4)
0: {id: 3, name: "Paste", type: "text"}
1: {id: 20, name: "Background", type: "shape"}
2: {id: 21, name: "BorderColor", type: "shape"}
3: {id: 22, name: "BorderWeight", type: "shape"}

Answer 1

You can use a combination of unshift() and pop().

The unshift() method adds one or more elements to the beginning of an array and returns the new length of the array.

The pop() method removes the last element from an array and returns that element. This method changes the length of the array.

var items = ['A', 'B', 'C'];
console.log(items);

items.unshift(items.pop());
console.log(items);

Answer 2

You can use pop() & unshift() array methods for this like:

• pop() removes the last element from the array.
• unshift(value) adds the value to the beginning of the array.

let shapeToolsTarget = [
{id: 20, name: "Background", type: "shape"},
{id: 21, name: "BorderColor", type: "shape"},
{id: 22, name: "BorderWeight", type: "shape"},
{id: 3, name: "Paste", type: "text"}];

shapeToolsTarget.unshift(shapeToolsTarget.pop())

console.log(shapeToolsTarget)