基于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 相关文章推荐
网络图片延迟加载实现代码 超越jquery控件
Mar 27 Javascript
Jquery拖拽并简单保存的实现代码
Nov 28 Javascript
JavaScript获取Url里的参数
Dec 18 Javascript
Javascript 正则表达式实现为数字添加千位分隔符
Mar 10 Javascript
js改变Iframe中Src的方法
May 05 Javascript
JavaScript如何获取数组最大值和最小值
Nov 18 Javascript
javascript html5实现表单验证
Mar 01 Javascript
Node.js开启Https的实践详解
Oct 25 Javascript
实例分析js事件循环机制
Dec 13 Javascript
vue 实现强制类型转换 数字类型转为字符串
Nov 07 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
Aug 25 Javascript
vue 使用lodash实现对象数组深拷贝操作
Sep 10 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
AJAX的跨域访问-两种有效的解决方法介绍
2013/06/22 PHP
PHP多文件上传实例
2015/07/09 PHP
Yii实现显示静态页的方法
2016/04/25 PHP
PHP获取链表中倒数第K个节点的方法
2018/01/18 PHP
php实现微信原生支付(扫码支付)功能
2018/05/30 PHP
php实现数组中出现次数超过一半的数字的统计方法
2018/10/14 PHP
Laravel框架Eloquent ORM简介、模型建立及查询数据操作详解
2019/12/04 PHP
JavaScript中变量提升 Hoisting
2012/07/03 Javascript
JS替换文本域内的回车示例
2014/02/18 Javascript
jQuery实现页面滚动时动态加载内容的方法
2015/03/20 Javascript
原生javascript实现匀速运动动画效果
2016/02/26 Javascript
原生JavaScript制作微博发布面板效果
2016/03/11 Javascript
jquery层级选择器的实现(匹配后代元素div)
2016/09/05 Javascript
Node学习记录之cluster模块
2017/05/31 Javascript
ReactNative Image组件使用详解
2017/08/07 Javascript
Angular4编程之表单响应功能示例
2017/12/13 Javascript
关于js对textarea换行符的处理方法浅析
2018/08/03 Javascript
vue动态子组件的两种实现方式
2019/09/01 Javascript
Python中的filter()函数的用法
2015/04/27 Python
Python中的字符串操作和编码Unicode详解
2017/01/18 Python
python中import reload __import__的区别详解
2017/10/16 Python
CentOS 7下安装Python3.6 及遇到的问题小结
2018/11/08 Python
Scrapy框架爬取西刺代理网免费高匿代理的实现代码
2019/02/22 Python
python实现日志按天分割
2019/07/22 Python
python实现连续变量最优分箱详解--CART算法
2019/11/22 Python
tensorflow之并行读入数据详解
2020/02/05 Python
Python面向对象魔法方法和单例模块代码实例
2020/03/25 Python
为什么要做架构设计
2015/07/08 面试题
中专药剂专业应届毕的自我评价
2013/12/27 职场文书
挂职思想汇报
2013/12/31 职场文书
工业学校毕业生自荐信范文
2014/01/03 职场文书
素质拓展感言
2014/01/29 职场文书
全运会口号
2014/06/20 职场文书
法人委托书的范本格式
2014/09/11 职场文书
检察院对照“四风”认真查找问题落实整改措施
2014/09/26 职场文书
pytorch 如何使用amp进行混合精度训练
2021/05/24 Python