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


Posted in Javascript onSeptember 05, 2017

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 相关文章推荐
Prototype最新版(1.5 rc2)使用指南(1)
Jan 10 Javascript
详解JavaScript正则表达式中的global属性的使用
Jun 16 Javascript
JavaScript正则表达式中的ignoreCase属性使用详解
Jun 16 Javascript
JS处理json日期格式化问题
Oct 01 Javascript
学习javascript面向对象 实例讲解面向对象选项卡
Jan 04 Javascript
初步使用bootstrap快速创建页面
Mar 03 Javascript
js实现StringBuffer的简单实例
Sep 02 Javascript
javascript动画之模拟拖拽效果篇
Sep 26 Javascript
jquery 动态增加删除行的简单实例(推荐)
Oct 12 Javascript
有关suggest快速删除后仍然出现下拉列表的bug问题
Dec 02 Javascript
详解Vue监听数据变化原理
Mar 08 Javascript
基于JS实现简单滑块拼图游戏
Oct 12 Javascript
对于Javascript 执行上下文的全面了解
Sep 05 #Javascript
JS一个简单的注册页面实例
Sep 05 #Javascript
基于react组件之间的参数传递(详解)
Sep 05 #Javascript
zTree获取当前节点的下一级子节点数实例
Sep 05 #Javascript
JavaScript基础进阶之数组方法总结(推荐)
Sep 04 #Javascript
JS沙箱模式实例分析
Sep 04 #Javascript
详解基于 axios 的 Vue 项目 http 请求优化
Sep 04 #Javascript
You might like
用mysql内存表来代替php session的类
2009/02/01 PHP
迁移PHP版本到PHP7
2015/02/06 PHP
PHP请求远程地址设置超时时间的解决方法
2016/10/29 PHP
PHP读取CSV大文件导入数据库的实例
2017/07/24 PHP
新浪的图片新闻效果
2007/01/13 Javascript
jquery 学习笔记 传智博客佟老师附详细注释
2020/09/12 Javascript
JS操作iframe里的dom(实例讲解)
2014/01/29 Javascript
jQuery控制div实现随滚动条滚动效果
2016/06/07 Javascript
js实现旋转木马效果
2017/03/17 Javascript
vue 里面使用axios 和封装的示例代码
2017/09/01 Javascript
解决echarts的多个折现数据出现坐标和值对不上的问题
2018/12/28 Javascript
解决layui表格内文本超出隐藏的问题
2019/09/12 Javascript
JavaScript 作用域scope简单汇总
2019/10/23 Javascript
React中获取数据的3种方法及优缺点
2020/02/18 Javascript
Pandas中把dataframe转成array的方法
2018/04/13 Python
Python实现的远程登录windows系统功能示例
2018/06/21 Python
Python 实现「食行生鲜」签到领积分功能
2018/09/26 Python
Python3.5多进程原理与用法实例分析
2019/04/05 Python
python导入坐标点的具体操作
2019/05/10 Python
pandas读取CSV文件时查看修改各列的数据类型格式
2019/07/07 Python
pygame实现俄罗斯方块游戏(AI篇1)
2019/10/29 Python
python基于gevent实现并发下载器代码实例
2019/11/01 Python
有趣的Python图片制作之如何用QQ好友头像拼接出里昂
2020/04/22 Python
基于Python爬取素材网站音频文件
2020/10/21 Python
pandas将list数据拆分成行或列的实现
2020/12/13 Python
html5 svg 中元素点击事件添加方法
2013/01/16 HTML / CSS
详解通过HTML5 Canvas实现图片的平移及旋转变化的方法
2016/03/22 HTML / CSS
丝芙兰意大利官方网站:Sephora.it
2019/12/13 全球购物
《会变的花树叶》教学反思
2014/02/10 职场文书
小学二年级评语
2014/04/21 职场文书
银行优秀员工事迹材料
2014/05/29 职场文书
任命书模板
2014/06/04 职场文书
社会工作专业自荐信
2014/09/26 职场文书
村级干部党员公开承诺事项
2015/05/04 职场文书
全陪导游词开场白
2015/05/29 职场文书
SQL写法--行行比较
2021/08/23 SQL Server