基于ES6 Array.of的用法(实例讲解)

 更新时间:2017年09月05日 08:37:50   作者:白色的海  
下面小编就为大家带来一篇基于ES6 Array.of的用法(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

ES6为Array增加了of函数用已一中明确的含义将一个或多个值转换成数组。

因为,用new Array()构造数组的时候,是有二意性的。

构造时,传一个参数,表示生成多大的数组。

构造时,传多个参数,每个参数都是数组的一个元素。

const arr1 = new Array()
const arr2 = new Array(5)
const arr3 = new Array(1, 3, '白色', {p1: 'v1'})
console.log('%s', JSON.stringify(arr1))
console.log('%s', JSON.stringify(arr2))
console.log('%s', JSON.stringify(arr3))

结果:

[]
[null,null,null,null,null]
[1,3,"白色",{"p1":"v1"}]

ES6增加的Array.of()方法,只有一个含义,of的参数就是表示抓换后数组的元素。

const arr4 = Array.of()
const arr5 = Array.of(5)
const arr6 = Array.of(1, 3, '白色', {p1: 'v1'})
console.log('%s', JSON.stringify(arr4))
console.log('%s', JSON.stringify(arr5))
console.log('%s', JSON.stringify(arr6))

结果:

[]
[5]
[1,3,"白色",{"p1":"v1"}]

这就是用of生成数组的好处,含义一致。

以上这篇基于ES6 Array.of的用法(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • javascript排序函数实现数字排序

    javascript排序函数实现数字排序

    这篇文章主要介绍了javascript排序函数实现数字排序的相关资料,附上示例,需要的朋友可以参考下
    2015-06-06
  • js代码实现轮播图

    js代码实现轮播图

    这篇文章主要为大家详细介绍了js代码实现轮播图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • JS实现对JSON数据进行冒泡排序

    JS实现对JSON数据进行冒泡排序

    JavaScript 是一种广泛使用的脚本语言,JSON是一种常见的数据格式,这篇文章主要来探讨一下如何使用 JavaScript 对 JSON 数据进行冒泡排序,感兴趣的可以了解一下
    2023-06-06
  • JavaScript获取网页表单提交方式的方法

    JavaScript获取网页表单提交方式的方法

    这篇文章主要介绍了JavaScript获取网页表单提交方式的方法,可判断表单提交方式是get还是post,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-04-04
  • 使用clipboard.js库实现复制剪切功能

    使用clipboard.js库实现复制剪切功能

    这篇文章介绍了clipboard.js实现复制功能的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-06-06
  • JS设计模式之命令模式的用法详解

    JS设计模式之命令模式的用法详解

    JavaScript中的命令模式是一种设计模式,它提供了一种将命令封装为对象的方式,从而允许我们将请求与实际执行该请求的操作对象解耦,这种模式可以在不同的场景中使用,例如实现撤销/重做操作、队列任务等,本文我们将讲解命令设计模式在JS中的使用
    2023-08-08
  • 浅谈移动端之js touch事件 手势滑动事件

    浅谈移动端之js touch事件 手势滑动事件

    这篇文章主要和大家聊一聊移动端之js touch事件,即手指的滑动事件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • 详解js创建对象的几种方式和对象方法

    详解js创建对象的几种方式和对象方法

    这篇文章主要介绍了详解js创建对象的几种方式和对象方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • Javascript获取某个月的天数

    Javascript获取某个月的天数

    本文给大家分享使用getDaysInOneMonth(year, month)方法获取某个月的天数,方法超简单,感兴趣的朋友一起看看吧
    2018-05-05
  • 解决webpack打包速度慢的解决办法汇总

    解决webpack打包速度慢的解决办法汇总

    本篇文章主要介绍了彻底解决webpack打包慢的解决办法汇总,详细的介绍了3种方法,有兴趣的可以了解一下
    2017-07-07

最新评论