加入收藏 | 设为首页 | 会员中心 | 我要投稿 汽车网 (https://www.0577qiche.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 教程 > 正文

ES6+ of()使用方法详情

发布时间:2023-03-24 14:21:07 所属栏目:教程 来源:
导读:本节介绍 ES6 的数组的新增方法 Array.of() 该方法创建一个具有可变数量参数的新数组实例,而不考虑参数的数量或类型。Array.of() 主要是弥补数组构造函数 Array() 的不足。因为参数个数的不同,导致 Array() 的重载
本节介绍 ES6 的数组的新增方法 Array.of() 该方法创建一个具有可变数量参数的新数组实例,而不考虑参数的数量或类型。Array.of() 主要是弥补数组构造函数 Array() 的不足。因为参数个数的不同,导致 Array() 的重载,Array.of 不存在由于参数不同而导致的重载,并且基本上可以用来替代 Array() 或 new Array()。

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

语法使用:

Array.of(element0[, element1[, ...[, elementN]]])
参数解释:

参数    描述
elementN    数组元素,可以是任意个参数,将按顺序成为返回数组中的元素

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

Array.of();          // [7] 
Array.of(, , );    // [1, 2, 3]
Array.of(undefined)   // [undefined]
Array.of().length    // 1

Array.of 的主要作用是弥补 Array() 的不足的,下面我们来看看他们有什么不同。

Array() 会根据接收的参数不同从而返回不同的数组,例如:

Array()               // []
Array()              // [, , ,]
Array(, )          // [2, 12]
Array.of()            // []
Array.of()           // [3]
Array.of(, , 'a')  // [2, 12, "a"]
Array 方法在没有参数、一个参数、两个参数时,返回结果都不一样。

没有参数的时候返回一个空数组;
有一个参数的时候,返回一个长度为此参数的空数组,并且此数组不能被迭代;
有两个参数的时候,才会把参数当成数组的每一项返回;
由于参数的不同 Array 方法会进行重载,而且他们的行为也不一致,Array.of() 方法总会创建一个包含所有传入参数的数组,而不管参数的数量与类型。

如果原生不支持的话,可以手动实现一个 Array.of() 方法。

if (!Array.of) {
  Array.of = function() {
    return Array.prototype.slice.call(arguments);
  };
}
使用 Array 的 slice 方法把接收到的 arguments 参数,转化成数组的每一项。

本章讲解了 ES6 的 Array.of() 方法,该方法用于创建数组,主要为了替换 Array() 方法,弥补 Array() 方法的不足。

(编辑:汽车网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章