I've looked at SO to see what's been said about this and I've done my homework regarding this subject but, in the solution to this problem from Eloquent JavaScript, I've done the following:
function reversedArray(array) {
let reversedArray = [];
for (let i = 0; i <= array.length; i++) {
reversedArray.push(array[array.length - i]);
}
return reversedArray;
}
let arr = [
1,
2,
3,
4
];
console.log(arr);
console.log(reversedArray(arr));
There, I obtained this:
> 1,2,3,4
> ,4,3,2,1
Which means that the array.length of the reversed array is now longer than the original array by an extra element. Of course, I fixed my code to eliminate the first element of the reversed array like this:
function reversedArray(array) {
let reversedArray = [];
for (let i = 0; i <= array.length; i++) {
reversedArray.push(array[array.length - i]);
}
reversedArray.shift();
return reversedArray;
}
let arr = [
1,
2,
3,
4
];
console.log(arr);
console.log(reversedArray(arr));
And it worked as expected producing:
> 1,2,3,4
> 4,3,2,1
I am starting to learn JS and I can't see why the reversed array has an extra element. Can somebody explain it to me? I don't feel it is right to just eliminate the element that's extra and move on with life... I have looked at some other solutions and they are fine but I just want to learn please, why is it that my function increases the array length? Many thanks!
If you loop backwards, you do not need to perform any index subtraction.
const reversedArray = (array) => {
const result = [];
for (let i = array.length - 1; i >= 0; i--) {
result.push(array[i]);
}
return result;
};
console.log(reversedArray([1, 2, 3, 4, 5]));