JavaScript 反向陣列

Ammar Ali 2023年1月30日 2021年7月3日
  1. 使用 JavaScript 中的 reverse() 函式反轉陣列
  2. 在 JavaScript 中通過建立自己的函式來反轉陣列
JavaScript 反向陣列

本教程將討論使用 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
Ammar Ali avatar Ammar Ali avatar

Hello! I am Ammar Ali, a programmer here to learn from experience, people, and docs, and create interesting and useful programming content. I mostly create content about Python, Matlab, and Microcontrollers like Arduino and PIC.

LinkedIn Facebook

相關文章 - JavaScript Array