基于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 相关文章推荐
ajax与302响应代码测试
Oct 23 Javascript
js用正则表达式来验证表单(比较齐全的资源)
Nov 17 Javascript
Node.js实现在目录中查找某个字符串及所在文件
Sep 03 Javascript
jQuery实现淡入淡出二级下拉导航菜单的方法
Aug 28 Javascript
JS+CSS3实现超炫的散列画廊特效
Jul 16 Javascript
js实现统计字符串中特定字符出现个数的方法
Aug 02 Javascript
JavaScript正则获取地址栏中参数的方法
Mar 02 Javascript
JS和canvas实现俄罗斯方块
Mar 14 Javascript
JS脚本实现网页自动秒杀点击
Jan 11 Javascript
如何在vue里面优雅的解决跨域(路由冲突问题)
Jan 20 Javascript
使用vue制作滑动标签
Sep 21 Javascript
Angular处理未可知异常错误的方法详解
Jan 17 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 strcmp()和strcasecmp()的区别实例
2016/11/05 PHP
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题
2009/11/30 Javascript
仅用[]()+!等符号就足以实现几乎任意Javascript代码
2010/03/01 Javascript
javascript下string.format函数补充
2010/08/24 Javascript
js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
2011/01/08 Javascript
javascript学习笔记(十) js对象 继承
2012/06/19 Javascript
用jQuery toggleClass 实现鼠标移上变色
2014/05/14 Javascript
jQuery+css实现百度百科的页面导航效果
2014/12/16 Javascript
Javascript实现鼠标框选操作  不是点击选取
2016/04/14 Javascript
基于JS实现密码框(password)中显示文字提示功能代码
2016/05/27 Javascript
Angular.js与node.js项目里用cookie校验账户登录详解
2017/02/22 Javascript
nodejs服务搭建教程 nodejs访问本地站点文件
2017/04/07 NodeJs
详解Layer弹出层样式
2017/08/21 Javascript
React学习笔记之列表渲染示例详解
2017/08/22 Javascript
浅谈JavaScript中的属性:如何遍历属性
2017/09/14 Javascript
mpvue跳转页面及注意事项
2018/08/03 Javascript
React组件设计模式之组合组件应用实例分析
2020/04/29 Javascript
JavaScript实现图片合成下载的示例
2020/11/19 Javascript
typescript编写微信小程序创建项目的方法
2021/01/29 Javascript
[05:13]2018DOTA2亚洲邀请赛主赛事第二日战况回顾 LGD、VG双雄携手晋级
2018/04/05 DOTA
Python编码爬坑指南(必看)
2016/06/10 Python
Python实现修改IE注册表功能示例
2018/05/10 Python
python中单下划线_的常见用法总结
2018/07/10 Python
python实战教程之自动扫雷
2018/07/13 Python
Django ORM 查询管理器源码解析
2019/08/05 Python
python2和python3应该学哪个(python3.6与python3.7的选择)
2019/10/01 Python
flask框架自定义过滤器示例【markdown文件读取和展示功能】
2019/11/08 Python
Python numpy多维数组实现原理详解
2020/03/10 Python
Python实现电视里的5毛特效实例代码详解
2020/05/15 Python
python pygame 愤怒的小鸟游戏示例代码
2021/02/25 Python
浅谈CSS3中的变形功能-transform功能
2017/12/27 HTML / CSS
New Balance法国官方网站:购买鞋子和服装
2019/09/01 全球购物
亚洲航空公司官方网站:AirAsia
2019/11/25 全球购物
国际贸易专业推荐信
2013/11/15 职场文书
行风评议整改报告
2014/11/06 职场文书
世界上超棒的8种逻辑思维
2019/08/06 职场文书