基于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 Array Flatten 与递归使用介绍
Oct 30 Javascript
从URL中提取参数与将对象转换为URL查询参数的实现代码
Jan 12 Javascript
javascript预加载图片、css、js的方法示例介绍
Oct 14 Javascript
gridview生成时如何去掉style属性中的border-collapse
Sep 30 Javascript
String字符串截取的四种方式总结
Nov 28 Javascript
详解js前端代码异常监控
Jan 11 Javascript
Angularjs渲染的 using 指令的星级评分系统示例
Nov 09 Javascript
使用ef6创建oracle数据库的实体模型遇到的问题及解决方案
Nov 09 Javascript
vue之浏览器存储方法封装实例
Mar 15 Javascript
vue初始化动画加载的实例
Sep 01 Javascript
Vue源码学习之关于对Array的数据侦听实现
Apr 23 Javascript
react 不用插件实现数字滚动的效果示例
Apr 14 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 socket客户端及服务器端应用实例
2014/07/04 PHP
PHP处理会话函数大总结
2015/08/05 PHP
PHP+MySql+jQuery实现的"顶"和"踩"投票功能
2016/05/21 PHP
php mysql_real_escape_string addslashes及mysql绑定参数防SQL注入攻击
2016/12/23 PHP
php中curl和soap方式请求服务超时问题的解决
2018/06/11 PHP
laravel使用Faker数据填充的实现方法
2019/04/12 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
使用jQuery的ajax功能实现的RSS Reader 代码
2009/09/03 Javascript
jQuery.buildFragment使用方法及思路分析
2013/01/07 Javascript
js中arguments,caller,callee,apply的用法小结
2014/01/28 Javascript
JS实现在网页中弹出一个输入框的方法
2015/03/03 Javascript
js实现类似于add(1)(2)(3)调用方式的方法
2015/03/04 Javascript
详解Bootstrap glyphicons字体图标
2016/01/04 Javascript
JS中对象与字符串的互相转换详解
2016/05/20 Javascript
javascript实现的图片预览功能
2017/03/25 Javascript
微信小程序中使用Promise进行异步流程处理的实例详解
2017/08/17 Javascript
JS实现运动缓冲效果的封装函数示例
2018/02/18 Javascript
js正则相关知识点专题
2018/05/10 Javascript
element-ui树形控件后台返回的数据+生成组织树的工具类
2020/03/05 Javascript
[00:33]2018DOTA2亚洲邀请赛TNC出场
2018/04/04 DOTA
python中wx将图标显示在右下角的脚本代码
2013/03/08 Python
python好玩的项目—色情图片识别代码分享
2017/11/07 Python
python 解决动态的定义变量名,并给其赋值的方法(大数据处理)
2018/11/10 Python
python 内置模块详解
2019/01/01 Python
Python timer定时器两种常用方法解析
2020/01/20 Python
Python本地及虚拟解释器配置过程解析
2020/10/13 Python
山海经纬软件测试笔试题和面试题
2013/04/02 面试题
EJB的激活机制
2013/10/25 面试题
JPA的优势都有哪些
2013/07/04 面试题
通信工程毕业生自荐信
2013/11/01 职场文书
英文留学推荐信范文
2014/01/25 职场文书
护理学应聘自荐书范文
2014/02/05 职场文书
《第一次抱母亲》教学反思
2014/04/16 职场文书
国庆节演讲稿范文2014
2014/09/19 职场文书
党员民主生活会材料
2014/12/15 职场文书
七年级作文之游记
2019/12/11 职场文书