JavaScript 反向陣列
Ammar Ali
2023年1月30日
2021年7月3日
本教程將討論使用 reverse()
函式反轉陣列並建立我們自己的 JavaScript 函式。
使用 JavaScript 中的 reverse()
函式反轉陣列
如果我們想反轉給定的陣列,我們可以使用 JavaScript 中的預定義函式 reverse()
。此函式反轉給定陣列的元素。例如,讓我們定義一個陣列並使用 reverse()
函式將其反轉,並使用 console.log()
函式在控制檯上顯示結果。請參考下面的程式碼。
var MyArray = [11,12,13,14];
console.log('Original Array',MyArray)
MyArray.reverse();
console.log('Reversed Array',MyArray)
輸出:
Original Array (4) [11, 12, 13, 14]
Reversed Array (4) [14, 13, 12, 11]
正如你在輸出中看到的,原始陣列被反轉。你還可以反轉包含字串或物件的陣列。
在 JavaScript 中通過建立自己的函式來反轉陣列
如果我們想建立一個函式來反轉給定的陣列,我們可以在 JavaScript 中使用 for
迴圈和 length
函式。length
函式返回給定陣列的元素數。為了使我們的函式工作,我們必須從末尾獲取給定陣列的每個元素,將其儲存在另一個陣列的開頭,並在迴圈結束後返回。讓我們建立這個函式並使用上述方法中定義的陣列對其進行測試,並使用 console.log()
函式在控制檯上顯示結果。請參考下面的程式碼。
function ReverseArray(arr) {
var newArray = new Array;
var len = arr.length;
for(i = len-1 ; i >= 0; i--) {
newArray.push(arr[i]);
}
return newArray;
}
var OriginalArray = [11,12,13,14];
console.log('Original Array',OriginalArray);
var ReversedArray = ReverseArray(OriginalArray);
console.log('Reversed Array',ReversedArray);
輸出:
Original Array (4) [11, 12, 13, 14]
Reversed Array (4) [14, 13, 12, 11]
正如你在輸出中看到的,原始陣列被反轉。你還可以反轉包含字串或物件的陣列。
Author: Ammar Ali