JavaScript Array of()用法及代碼示例

Javascript array.of() 方法是 JavaScript 中的內置方法，它創建一個新的數組實例，其中的變量作為該方法的參數。

用法:

Array.of(element0, element1, ....)

參數：存在的參數有 element0、element1、...。它們本質上是為其完成數組創建的元素。

返回值：它隻是返回一個新的 Array 實例。

示例 1：

Input: Array.of(10, 20, 30)
Output: Array [10, 20, 30]

說明：這裏是數組的輸入參數。of() 方法是將數字轉換為包含輸出中顯示的相同參數的數組。

示例 2：

Input: Array.of("Ram","Geeta")
Output: Array ["Ram", "Geeta"]

說明：這裏是數組的輸入參數。of() 方法是一個轉換為數組的字符串，其中包含輸出中顯示的相同參數。

讓我們看看 Array.of() 方法上的JavaScripts 程序：

示例 1：在此示例中，我們將看到 javascript array.of() 方法的使用。

//  Here the Array.of() method creates a new Array instance with 
// a variable number of arguments, regardless of
// number or type of the arguments.
console.log(Array.of(0, 0, 0));
console.log(Array.of(11, 21, 33));
console.log(Array.of("Ram", "Geeta"));
console.log(Array.of('geeksforgeeks'));
console.log(Array.of(2, 3, 4, 'Sheeta'));

輸出：

Array [0, 0, 0]
Array [11, 21, 33]
Array ["Ram", "Geeta"]
Array ["geeksforgeeks"]
Array [2, 3, 4, "Sheeta"]

應用：每當我們需要獲取數組的元素時，我們都會借助 JavaScript 中的 Array.of( ) 方法。

示例 2：在此示例中，我們將看到 javascript array.of() 方法的使用。

console.log(Array.of(['Ram', 'Rahim', 'Geeta', 'Sheeta']));

輸出：

Array [Array ["Ram", "Rahim", "Geeta", "Sheeta"]]

Polyfill：Polyfill 提供了一種在不支持最新更新版本的 JavaScript 代碼的舊瀏覽器中實現新函數的方法。

Internet Explorer 瀏覽器不支持 Array.of( ) 方法。作為開發人員，您有責任提供可在任何地方運行的代碼(在本例中為瀏覽器)。

那麽讓我們看看如何為 Array.of() 創建一個 polyfill

腳步：

• 檢查瀏覽器是否支持 Array.of( ) 方法。
• 現在創建一個名為 Array.of( ) 的方法表達式。此方法獲取數組的項目。
• 現在創建一個數組並將所有參數項推入其中。
• 現在返回您創建的數組。

// check if Array.of( ) feature present in your browser or not
if (!Array.of) {
    // Create a method
    Array.of = function () {
        let newArr = [];
        // Pushing all the arguments into newArr
        for (let items in arguments) {
            newArr.push(arguments[items]);
        }
        // return the array
        return newArr;
    }
}

輸出：

Array.of(1, 2, 3, 4, 5, 6)
[1, 2, 3, 4, 5, 6]

Array.of("John", "Doe", "Smith", "Ram")
["John", "Doe", "Smith", "Ram"]

我們有 Javascript 數組方法的完整列表，要檢查這些方法，請閱讀這篇Javascript Array Complete reference 文章。

支持的瀏覽器：

• Chrome 45 及以上
• 邊 12 及以上
• 火狐瀏覽器 25 及以上版本
• Opera 26 及以上
• Safari 9 及以上版本

我們有一份關於 Javascript 的備忘單，其中涵蓋了 Javascript 的所有重要主題，要檢查這些主題，請通過 Javascript Cheat Sheet-A Basic guide to JavaScript 。