基于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 相关文章推荐
JavaScript事件委托的技术原理探讨示例
Apr 17 Javascript
推荐10 款 SVG 动画的 JavaScript 库
Mar 24 Javascript
Ajax清除浏览器js、css、图片缓存的方法
Aug 06 Javascript
js将json格式的对象拼接成复杂的url参数方法
May 25 Javascript
jQuery遍历json的方法(推荐)
Jun 12 Javascript
三种带箭头提示框总结实例
Jun 14 Javascript
AngularJS入门教程之过滤器详解
Aug 19 Javascript
JS实现焦点图轮播效果的方法详解
Dec 19 Javascript
原生JS实现 MUI导航栏透明渐变效果
Nov 07 Javascript
AngularJs返回前一页面时刷新一次前面页面的方法
Oct 09 Javascript
解决vue bus.$emit触发第一次$on监听不到问题
Jul 28 Javascript
js前端图片加载异常兜底方案
Jun 21 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
第八节 访问方式 [8]
2006/10/09 PHP
从零开始学YII2框架(二)通过 Composer 安装扩展插件
2014/08/20 PHP
javascipt基础内容--需要注意的细节
2013/04/10 Javascript
简体中文转换繁体中文(实现代码)
2013/12/25 Javascript
调试JavaScript中正则表达式中遇到的问题
2015/01/27 Javascript
js小数计算小数点后显示多位小数的实现方法
2016/05/30 Javascript
jQuery文本框得到与失去焦点动态改变样式效果
2016/09/08 Javascript
JS实现重新加载当前页面
2016/11/29 Javascript
javascript表达式和运算符详解
2017/02/07 Javascript
微信小程序实现多个按钮toggle功能的实例
2017/06/13 Javascript
React中嵌套组件与被嵌套组件的通信过程
2018/07/11 Javascript
JS常用排序方法实例代码解析
2020/03/03 Javascript
[02:55]2018DOTA2国际邀请赛勇士令状不朽珍藏Ⅲ饰品一览
2018/08/01 DOTA
Python导出数据到Excel可读取的CSV文件的方法
2015/05/12 Python
Python针对给定字符串求解所有子序列是否为回文序列的方法
2018/04/21 Python
利用python打开摄像头及颜色检测方法
2018/08/03 Python
Python实现从SQL型数据库读写dataframe型数据的方法【基于pandas】
2019/03/18 Python
PyCharm+Qt Designer+PyUIC安装配置教程详解
2019/06/13 Python
python3 requests库文件上传与下载实现详解
2019/08/22 Python
Python concurrent.futures模块使用实例
2019/12/24 Python
Python3实现个位数字和十位数字对调, 其乘积不变
2020/05/03 Python
Pycharm如何自动生成头文件注释
2020/11/14 Python
使用BeautifulSoup4解析XML的方法小结
2020/12/07 Python
AmazeUI 加载进度条的实现示例
2020/08/20 HTML / CSS
美国儿童珠宝在线零售商:Loveivy
2019/05/22 全球购物
房屋租赁协议书范本
2014/04/10 职场文书
青年志愿者活动方案
2014/08/17 职场文书
个人授权委托书范本
2014/09/14 职场文书
党政领导班子民主生活会整改措施
2014/09/18 职场文书
2014年职称评定工作总结
2014/11/26 职场文书
2015年五一劳动节慰问信
2015/03/23 职场文书
2015年出纳个人工作总结
2015/04/02 职场文书
大学生敬老院活动总结
2015/05/07 职场文书
关于销售人员的年终工作总结要点
2019/08/15 职场文书
Python实现简单的俄罗斯方块游戏
2021/09/25 Python
Java实现经典游戏泡泡堂的示例代码
2022/04/04 Java/Android