基于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高级程序设计(第3版)学习笔记12 js正则表达式
Oct 11 Javascript
IE6-8中Date不支持toISOString的修复方法
May 04 Javascript
javascript引擎长时间独占线程造成卡顿的解决方案
Dec 03 Javascript
javascript中slice(),splice(),split(),substring(),substr()使用方法
Mar 13 Javascript
js简单判断移动端系统的方法
Feb 25 Javascript
Bootstrap 源代码分析(未完待续)
Aug 17 Javascript
ES6中module模块化开发实例浅析
Apr 06 Javascript
vue-router 中router-view不能渲染的解决方法
May 23 Javascript
剖析Angular Component的源码示例
Mar 23 Javascript
解决element UI 自定义传参的问题
Aug 22 Javascript
node.js基于socket.io快速实现一个实时通讯应用
Apr 23 Javascript
微信小程序实现消息框弹出动画
Apr 18 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
使用PHPMyAdmin修复论坛数据库的图文方法
2012/01/09 PHP
php+curl 发送图片处理代码分享
2015/07/09 PHP
php实现 master-worker 守护多进程模式的实例代码
2019/07/20 PHP
php设计模式之享元模式分析【星际争霸游戏案例】
2020/03/23 PHP
IE6 fixed的完美解决方案
2011/03/31 Javascript
animate动画示例(泪奔的小孩)及stop和delay的使用
2013/05/06 Javascript
把多个JavaScript函数绑定到onload事件处理函数上的方法
2016/09/04 Javascript
走进AngularJs之过滤器(filter)详解
2017/02/17 Javascript
Vue2.0使用过程常见的一些问题总结学习
2017/04/10 Javascript
JS利用cookies设置每隔24小时弹出框
2017/04/20 Javascript
vuejs 制作背景淡入淡出切换动画的实例
2018/09/01 Javascript
Vue常用的几个指令附完整案例
2018/11/06 Javascript
什么时候不能在 Node.js 中使用 Lock Files
2019/06/24 Javascript
js定义类的方法示例【ES5与ES6】
2019/07/30 Javascript
js实现文字头像的生成代码
2020/03/07 Javascript
python笔记(2)
2012/10/24 Python
python通过pil模块获得图片exif信息的方法
2015/03/16 Python
详解Python多线程Selenium跨浏览器测试
2017/04/01 Python
多视角3D可旋转的HTML5 Logo动画
2016/03/02 HTML / CSS
美国最大的网上冲印店:Shutterfly
2017/01/01 全球购物
Fresh馥蕾诗英国官网:法国LVMH集团旗下高端天然护肤品牌
2018/11/01 全球购物
美国巧克力喷泉品牌:Sephra
2019/05/05 全球购物
中软国际Java程序员笔试题
2014/07/19 面试题
酒吧副总经理岗位职责
2013/12/10 职场文书
建筑工程毕业生自我鉴定
2014/01/14 职场文书
秋季运动会表扬稿
2014/01/16 职场文书
旅游管理毕业生自荐书
2014/02/02 职场文书
库房管理员岗位职责
2014/03/09 职场文书
协议书与合同的区别
2014/04/18 职场文书
会计演讲稿范文
2014/05/23 职场文书
高校群众路线教育实践活动剖析材料
2014/10/10 职场文书
2014年行政工作总结
2014/11/19 职场文书
2014年社区卫生工作总结
2014/12/18 职场文书
幼儿园教师师德表现自我评价
2015/03/05 职场文书
Python Pandas解析读写 CSV 文件
2022/04/11 Python
使用Python开发冰球小游戏
2022/04/30 Python