JavaScript Program to Swap First and Last Elements in an Array
Last Updated : 12 Jul, 2024
In this article, we are going to learn about swaping the first and last elements in an array in JavaScript. Swaping the first and last elements in a JavaScript array refers to swapping their positions, effectively exchanging the values at these two distinct indices within the array.
There are several methods that can be used to interchange the first and last elements in an array in JavaScript, which are listed below:
We will explore all the above methods along with their basic implementation with the help of examples.
Using Temporary Variable
Interchanging first and last array elements in JavaScript involves storing the first element in a temporary variable, and then swapping values between the first and last elements.
Syntax:
let temp = arr1[0];
arr1[0] = arr1[arr1.length - 1];
arr1[arr1.length - 1] = temp;
Example: In this example, we are using a temp variable to interchange 1st index value with the last index value of our array.
JavaScript let arr1 = [10, 20, 30, 40, 50]; let temp = arr1[0]; arr1[0] = arr1[arr1.length - 1]; arr1[arr1.length - 1] = temp; console.log("Array after interchange:", arr1); OutputArray after interchange: [ 50, 20, 30, 40, 10 ]
Array Destructuring
In this approach we are using Array destructuring assigns values from an array to variables, swapping the first and last elements.
Syntax:
[array[0], array[array.length - 1]] = [array[array.length - 1], array[0]];
Example:
JavaScript let array = [10, 2, 5, 12, 7]; [array[0], array[array.length - 1]] = [array[array.length - 1], array[0]]; console.log("Array after swapping : " + array); OutputArray after swapping : 7,2,5,12,10
Using XOR Bitwise Operator
In this approach, the XOR (^) bitwise operator to interchange the values of the first and last elements in the array without using a temporary variable.
Syntax:
array[0] = array[0] ^ array[array.length - 1];
array[array.length - 1] = array[0] ^ array[array.length - 1];
array[0] = array[0] ^ array[array.length - 1];
Example: In this example we are using XOR operator to interchange the element in your given array.
JavaScript const array = [1, 2, 3, 4, 5]; array[0] = array[0] ^ array[array.length - 1]; array[array.length - 1] = array[0] ^ array[array.length - 1]; array[0] = array[0] ^ array[array.length - 1]; console.log("Array after interchange:", array); OutputArray after interchange: [ 5, 2, 3, 4, 1 ]
Using splice() Method
In this approach, splice() method is used to replace the last element with the first element, and the result is assigned back to the first position in the array. This effectively interchanges the values 12 and 55 in the array.
Syntax:
Array.splice( index, remove_count, item_list )
Example: In this example we are using the above-explained approach.
JavaScript let myArray = [12, 22, 33, 44, 55]; myArray[0] = myArray.splice(myArray.length - 1, 1, myArray[0])[0]; console.log(myArray);
Output[ 55, 22, 33, 44, 12 ]
Using a for Loop
Using a for loop, the function swaps the first and last elements of an array by iterating through the array. When the loop index is zero, it temporarily stores the first element, assigns the last element to the first position, and places the stored element at the last position.
Example:
JavaScript function swapFirstLast(arr) { if (arr.length > 1) { for (let i = 0; i < arr.length; i++) { if (i === 0) { let temp = arr[i]; arr[i] = arr[arr.length - 1]; arr[arr.length - 1] = temp; break; } } } return arr; } console.log(swapFirstLast([1, 2, 3, 4, 5])); // [5, 2, 3, 4, 1] console.log(swapFirstLast([10, 20, 30])); // [30, 20, 10] console.log(swapFirstLast([7])); // [7] Output[ 5, 2, 3, 4, 1 ] [ 30, 20, 10 ] [ 7 ]
Using push() and shift() Methods
In this approach, we use the push() method to add elements to the end of the array and the shift() method to remove the first element. We can use these methods to swap the first and last elements of the array.
Example: In this example, we are using push() and shift() methods to interchange the first and last elements of the array.
JavaScript let array = [1, 2, 3, 4, 5]; let firstElement = array.shift(); let lastElement = array.pop(); array.unshift(lastElement); array.push(firstElement); console.log("Array after interchange:", array); OutputArray after interchange: [ 5, 2, 3, 4, 1 ]