基于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 相关文章推荐
js控制网页背景音乐播放与停止的方法
Feb 06 Javascript
JavaScript 表单处理实现代码
Apr 13 Javascript
javascript清空table表格的方法
May 14 Javascript
微信小程序 WXDropDownMenu组件详解及实例代码
Oct 24 Javascript
浅谈EasyUI常用控件的禁用方法
Nov 09 Javascript
利用js来实现缩略语列表、文献来源链接和快捷键列表
Dec 16 Javascript
JS实现监控微信小程序的原理
Jun 15 Javascript
详解微信小程序的 request 封装示例
Aug 21 Javascript
JQuery的加载和选择器用法简单示例
May 13 jQuery
JavaScript 空间坐标的使用
Aug 19 Javascript
js将日期格式转换为YYYY-MM-DD HH:MM:SS
Sep 18 Javascript
前端框架ECharts dataset对数据可视化的高级管理
Dec 24 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
PHP 魔术函数使用说明
2010/05/14 PHP
PHP对MongoDB[NoSQL]数据库的操作
2013/03/01 PHP
VB中的RasEnumConnections函数返回632错误解决方法
2014/07/29 PHP
帝国CMS留言板回复后发送EMAIL通知客户
2015/07/06 PHP
详解PHP归并排序的实现
2016/10/18 PHP
PHP多个图片压缩成ZIP的方法
2020/08/18 PHP
jquery+css+ul模拟列表菜单具体实现思路
2013/04/15 Javascript
JavaScript实现Flash炫光波动特效
2015/05/14 Javascript
详谈AngularJs 控制器、数据绑定、作用域
2017/07/09 Javascript
使用async、enterproxy控制并发数量的方法详解
2018/01/02 Javascript
Angular Material Icon使用详解
2018/11/07 Javascript
vue微信分享的实现(在当前页面分享其他页面)
2019/04/16 Javascript
vue实现动态按钮功能
2019/05/13 Javascript
element-ui上传一张图片后隐藏上传按钮功能
2019/05/22 Javascript
深入理解webpack process.env.NODE_ENV配置
2020/02/23 Javascript
vue-video-player视频播放器使用配置详解
2020/10/23 Javascript
Taro小程序自定义顶部导航栏功能的实现
2020/12/17 Javascript
[57:24]LGD vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python分析apache访问日志脚本分享
2015/02/26 Python
Python开发最牛逼的IDE——pycharm
2018/08/01 Python
python 根据字典的键值进行排序的方法
2019/07/24 Python
Python字典推导式将cookie字符串转化为字典解析
2019/08/10 Python
python super函数使用方法详解
2020/02/14 Python
HTML5实现页面切换激活的PageVisibility API使用初探
2016/05/13 HTML / CSS
澳大利亚婴儿、幼儿和儿童在线设计师商店:Smooch Baby
2019/02/16 全球购物
医学生就业推荐表自我鉴定
2014/03/26 职场文书
三年级学生评语
2014/04/23 职场文书
计划生育证明格式及范本
2014/10/09 职场文书
乡镇务虚会发言材料
2014/10/20 职场文书
2015年数学教师工作总结
2015/05/20 职场文书
Pytorch 统计模型参数量的操作 param.numel()
2021/05/13 Python
如何使用flask将模型部署为服务
2021/05/13 Python
浅谈@Value和@Bean的执行顺序问题
2021/06/16 Java/Android
Django中session进行权限管理的使用
2021/07/09 Python
TypeScript 使用 Tuple Union 声明函数重载
2022/04/07 Javascript
插件导致ECharts被全量引入的坑示例解析
2022/09/23 Javascript