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 参数,转化成数组的每一项

相关推荐
xuankuxiaoyao4 分钟前
VUE.JS 实践 第一章
前端·javascript·vue.js
夫唯不争,故无尤也18 分钟前
原始文档元数据metadata
java·前端·javascript·sql
我命由我1234535 分钟前
前端开发 - this 指向问题(直接调用函数、对象方法、类方法)
开发语言·前端·javascript·vue.js·react.js·html5·js
低保和光头哪个先来37 分钟前
TinyEditor 篇1:实现工具栏按钮向服务器上传图片
服务器·开发语言·前端·javascript·vue.js·前端框架
还是大剑师兰特40 分钟前
vue3+vite+JS,使用Echarts封装一个饼图,父子组件联动
javascript·vue.js·echarts
一叶萩Charles1 小时前
MCP 实战:国家统计局数据查询 Server 从开发到发布
javascript·人工智能·python·node.js
孫治AllenSun1 小时前
【redis】redis重新创建集群
前端·javascript·redis
zhensherlock1 小时前
Protocol Launcher 系列:一键唤起 VSCodium 智能 IDE
javascript·ide·vscode·typescript·开源·编辑器·github
我命由我123451 小时前
React - ref、回调 ref 回调执行次数的问题、createRef 函数、事件处理
前端·javascript·react.js·前端框架·html·html5·js
我命由我123451 小时前
React - 收集表单元素、收集表单元素优化、生命周期(旧)、生命周期(新)
前端·javascript·react.js·前端框架·html·html5·js