基于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 相关文章推荐
一个原生的用户等级的进度条
Jul 03 Javascript
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)
Sep 19 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 图片库
Jan 09 Javascript
微信小程序 wx.uploadFile在安卓手机上面the same task is working问题解决
Dec 14 Javascript
浅谈jQuery操作类数组的工具方法
Dec 23 Javascript
JavaScript中匿名函数的递归调用
Jan 22 Javascript
node.js平台下的mysql数据库配置及连接
Mar 31 Javascript
JavaScript hasOwnProperty() 函数实例详解
Aug 04 Javascript
Web技术实现移动监测的介绍
Sep 18 Javascript
webpack 动态批量加载文件的实现方法
Mar 19 Javascript
微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)
Jun 11 Javascript
CocosCreator入门教程之网络通信
Apr 16 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/01/05 PHP
php四种基础算法代码实例
2013/10/29 PHP
PHP获取MySql新增记录ID值的3种方法
2014/06/24 PHP
分享自定义的几个PHP功能函数
2015/04/15 PHP
php封装的图片(缩略图)处理类完整实例
2016/10/19 PHP
写js时遇到的一些小问题
2010/12/06 Javascript
jQuery.lazyload+masonry改良图片瀑布流代码
2014/06/20 Javascript
nodejs教程之入门
2014/11/21 NodeJs
js随机生成26个大小写字母
2016/02/12 Javascript
获取input标签的所有属性的方法
2016/06/28 Javascript
ES6学习笔记之正则表达式和字符串正则方法分析
2017/04/25 Javascript
Angular2环境搭建具体操作步骤(推荐)
2017/08/04 Javascript
基于js 本地存储(详解)
2017/08/16 Javascript
javascript input输入框模糊提示功能的实现
2017/09/25 Javascript
vue-prop父组件向子组件进行传值的方法
2018/03/01 Javascript
基于node搭建服务器,写接口,调接口,跨域的实例
2018/05/13 Javascript
jQuery实现动态添加和删除input框代码实例
2019/03/29 jQuery
js实现点击图片在屏幕中间弹出放大效果
2019/09/11 Javascript
JavaScript仿京东秒杀倒计时
2020/03/17 Javascript
nuxt+axios实现打包后动态修改请求地址的方法
2020/04/22 Javascript
Python创建二维数组实例(关于list的一个小坑)
2017/11/07 Python
Python实现一个简单的毕业生信息管理系统的示例代码
2020/06/08 Python
python如何安装下载后的模块
2020/07/03 Python
使用CSS实现阅读进度条
2017/02/27 HTML / CSS
HTML5实现获取地理位置信息并定位功能
2015/04/25 HTML / CSS
我能否用void** 指针作为参数, 使函数按引用接受一般指针
2013/02/16 面试题
创业资金计划书
2014/02/06 职场文书
三爱活动实施方案
2014/03/19 职场文书
青蓝工程实施方案
2014/03/27 职场文书
委托证明书
2014/09/17 职场文书
学习十八大宣传标语
2014/10/09 职场文书
世界名著读书笔记
2015/06/25 职场文书
大队委员竞选稿
2015/11/20 职场文书
2016年先进教师个人事迹材料
2016/02/26 职场文书
2016年社区综治宣传月活动总结
2016/03/16 职场文书
创业计划书之家教托管
2019/09/25 职场文书