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 。