ES6弥补了数组的缺陷,请使用Array.of()方法

Array.of() 主要是弥补数组构造函数 Array() 的不足。因为参数个数的不同,导致 Array() 的重载,Array.of 不存在由于参数不同而导致的重载,并且基本上可以用来替代 Array()new Array()

Array.of() 静态方法通过可变数量的参数创建一个新的 Array 实例,而不考虑参数的数量或类型

官方解释

基本语法

Array.of() 是创建数组的方法,它接收若干个参数,返回一个新的 Array 实例,类似 Array() 方法

js 复制代码
Array.of(参数0,[, 参数1[, ...[, 参数N]]])

基本实例

Array.of() 会按顺序接受 N 个参数,接收的所有参数都会成为新数组的项

js 复制代码
Array.of() // [] 
Array.of(undefined) // [undefined] 
Array.of(0) // [0] 
Array.of(1, 2, 3) // [1, 2, 3]

Array.of总是返回参数值组成的数组。如果没有参数,

重点比较

js 复制代码
Array()               // []
Array(2)              // [, ,]
Array(1, 2)          // [1, 2]

Array.of()            // []
Array.of(2)           // [2]
Array.of(1, 2, 'abc')  // [1, 2, "abc"]

Array 方法在没有参数、一个参数、两个参数时,返回结果都不一样。

  • 没有参数的时候返回一个空数组;
  • 有一个参数的时候,返回一个长度为此参数的空数组,并且此数组不能被迭代;
  • 有两个参数的时候,才会把参数当成数组的每一项返回;

这就是用Array.of生成数组的好处

扩展

js 复制代码
if (!Array.of) {
  Array.of = function() {
    return Array.prototype.slice.call(arguments);
  };
}

使用 Arrayslice 方法把接收到的 arguments 参数,转化成数组的每一项

相关推荐
晷龙烬4 分钟前
Vue 3 自定义指令:从“瑞士军刀”到“专属工具” !
前端·javascript·vue.js
MediaTea5 分钟前
思考与练习(第四章 程序组成与输入输出)
java·linux·服务器·前端·javascript
unicrom_深圳市由你创科技11 分钟前
Vue 3 高效开发技巧总结
前端·javascript·vue.js
chilavert31820 分钟前
技术演进中的开发沉思-259 Ajax:浏览器历史管理
javascript·ajax·okhttp·状态模式
来杯三花豆奶31 分钟前
Vue 2 中 Store (Vuex) 从入门到精通
前端·javascript·vue.js
Web打印42 分钟前
HttpPrinter是一款基于HTTP协议的跨平台Web打印解决方案,
javascript·php
少油少盐不要辣1 小时前
前端如何处理AI模型返回的流数据
前端·javascript·人工智能
跟着珅聪学java1 小时前
以下是使用JavaScript动态拼接数组内容到HTML的多种方法及示例:
开发语言·前端·javascript
巴拉巴拉~~1 小时前
KMP 算法通用图表组件:KmpChartWidget 多维度可视化 + PMT 表渲染 + 性能对比
前端·javascript·microsoft
智算菩萨1 小时前
基于spaCy的英文自然语言处理系统:低频词提取与高级文本分析
前端·javascript·easyui