基于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 相关文章推荐
js 表格隔行颜色
Dec 02 Javascript
javascript判断iphone/android手机横竖屏模式的函数
Dec 20 Javascript
JS批量操作CSS属性详细解析
Dec 16 Javascript
JavaScript实现在数组中查找不同顺序排列的字符串
Sep 26 Javascript
JavaScript中的无阻塞加载性能优化方案
Oct 10 Javascript
JavaScript针对网页节点的增删改查用法实例
Feb 02 Javascript
原生js实现图片层叠轮播切换效果
Feb 02 Javascript
基于Bootstrap实现图片轮播效果
May 22 Javascript
原生态js,鼠标按下后,经过了那些单元格的简单实例
Aug 11 Javascript
React 无状态组件(Stateless Component) 与高阶组件
Aug 14 Javascript
js实现input密码框显示/隐藏功能
Sep 10 Javascript
vue 实现 rem 布局或vw 布局的方法
Nov 13 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/08/26 PHP
php 团购折扣计算公式
2011/11/24 PHP
介绍一些PHP判断变量的函数
2012/04/24 PHP
解析curl提交GET,POST,Cookie的简单方法
2013/06/29 PHP
PHP实现的激活用户注册验证邮箱功能示例
2017/06/06 PHP
PHP基于DOMDocument解析和生成xml的方法分析
2017/07/17 PHP
ThinkPHP5.0 图片上传生成缩略图实例代码说明
2018/06/20 PHP
PHP SESSION机制的理解与实例
2019/03/22 PHP
javascript 获取页面的高度及滚动条的位置的代码
2010/05/06 Javascript
JQuery从头学起第二讲
2010/07/04 Javascript
jquery中的查找parents与closest方法之间的区别
2013/12/02 Javascript
js查找某元素中的所有图片地址的方法
2014/01/16 Javascript
angularJS 中$scope方法使用指南
2015/02/09 Javascript
jquery表单验证需要做些什么
2015/11/17 Javascript
详解Angular2响应式表单
2017/06/14 Javascript
jQuery实现右侧抽屉式在线客服功能
2017/12/25 jQuery
解决vue-cli项目webpack打包后iconfont文件路径的问题
2018/09/01 Javascript
Vue使用.sync 实现父子组件的双向绑定数据问题
2019/04/04 Javascript
node命令行工具之实现项目工程自动初始化的标准流程
2019/08/12 Javascript
vue.js实现简单的计算器功能
2020/02/22 Javascript
[01:33:07]VGJ.T vs Newbee Supermajor 败者组 BO3 第一场 6.6
2018/06/07 DOTA
pycharm中成功运行图片的配置教程
2018/10/28 Python
快速解决docker-py api版本不兼容的问题
2019/08/30 Python
python将字母转化为数字实例方法
2019/10/04 Python
Html5在手机端调用相机的方法实现
2020/05/13 HTML / CSS
ASICS印度官方网站:日本专业运动品牌
2020/06/20 全球购物
MYSQL支持事务吗
2013/08/09 面试题
会计辞职信范文
2014/01/15 职场文书
司马光教学反思
2014/02/01 职场文书
《影子》教学反思
2014/02/21 职场文书
幼儿园教研活动总结
2014/04/30 职场文书
六一儿童节活动总结
2014/08/27 职场文书
绿色环保家庭事迹材料
2014/08/31 职场文书
单位法人授权委托书范本
2014/10/09 职场文书
2019银行员工个人工作自我鉴定
2019/06/27 职场文书
Nginx源码编译安装过程记录
2021/11/17 Servers