基于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 相关文章推荐
判断是否输入完毕再激活提交按钮
Jun 26 Javascript
可以将word转成html的js代码
Apr 11 Javascript
javascript循环变量注册dom事件 之强大的闭包
Sep 08 Javascript
需要做特殊处理的DOM元素属性的访问
Nov 05 Javascript
使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法
Jul 07 Javascript
BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法
Dec 08 Javascript
从零开始学习Node.js系列教程之设置HTTP头的方法示例
Apr 13 Javascript
简述vue路由打开一个新的窗口的方法
Nov 29 Javascript
微信小程序上传多图到服务器并获取返回的路径
May 05 Javascript
使用axios请求接口,几种content-type的区别详解
Oct 29 Javascript
JS实现canvas简单小画板功能
Jun 23 Javascript
微信小程序实现星星评分效果
Nov 01 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
Discuz 6.0+ 批量注册用户名
2009/09/13 PHP
php中一个完整表单处理实现代码
2011/11/10 PHP
PHP读取文件内容后清空文件示例代码
2014/03/18 PHP
php实现的zip文件内容比较类
2014/09/24 PHP
PHP实用函数分享之去除多余的0
2015/02/06 PHP
thinkphp下MySQL数据库读写分离代码剖析
2017/04/18 PHP
PHP实现求两个字符串最长公共子串的方法示例
2017/11/17 PHP
PHP 实现手机端APP支付宝支付功能
2018/06/07 PHP
使用PHP开发留言板功能
2019/11/19 PHP
关于include标签导致js路径找不到的问题分析及解决
2013/07/09 Javascript
Jquery对数组的操作技巧整理
2014/03/25 Javascript
jquery map方法使用示例
2014/04/23 Javascript
AngularJS基础知识笔记之表格
2015/05/10 Javascript
javascript框架设计之浏览器的嗅探和特征侦测
2015/06/23 Javascript
jQuery实现的表格展开伸缩效果实例
2016/09/07 Javascript
Vue.js动态添加、删除选题的实例代码
2016/09/30 Javascript
JS制作类似选项卡切换的年历
2016/12/03 Javascript
Javascript同时声明一连串(多个)变量的方法
2017/01/23 Javascript
vue里的data要用return返回的原因浅析
2019/05/28 Javascript
json解析大全 双引号、键值对不在一起的情况
2019/12/06 Javascript
jquery实现简单拖拽效果
2020/07/20 jQuery
[01:14]英雄,所敬略同——2018完美盛典宣传视频4K
2018/12/05 DOTA
使用python实现strcmp函数功能示例
2014/03/25 Python
NLTK 3.2.4 环境搭建教程
2018/09/19 Python
Python2与Python3的区别实例总结
2019/04/17 Python
pytz格式化北京时间多出6分钟问题的解决方法
2019/06/21 Python
Django框架自定义模型管理器与元选项用法分析
2019/07/22 Python
PyTorch加载预训练模型实例(pretrained)
2020/01/17 Python
Python定义一个Actor任务
2020/07/29 Python
需要知道的CSS3动画技术
2010/01/01 HTML / CSS
中国跨境电商:Tomtop
2017/03/16 全球购物
纽约海:Sea New York
2018/11/04 全球购物
现实表现材料范文
2014/12/23 职场文书
2015年乡镇环保工作总结
2015/04/22 职场文书
投标单位介绍信
2015/05/05 职场文书
离婚协议书格式范本
2016/03/18 职场文书