基于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 相关文章推荐
一行代码告别document.getElementById
Jun 01 Javascript
简略说明Javascript中的= =(等于)与= = =(全等于)区别
Apr 16 Javascript
详谈javascript中的cookie
Jun 03 Javascript
浅谈javascript构造函数与实例化对象
Jun 22 Javascript
微信小程序 wx.request(object) API详解及实例代码
Sep 30 Javascript
angularjs实现首页轮播图效果
Apr 14 Javascript
Angular中$state.go页面跳转并传递参数的方法
May 09 Javascript
微信小程序中换行空格(多个空格)写法详解
Jul 10 Javascript
javascript动态创建对象的属性详解
Nov 07 Javascript
layui的表单验证支持ajax判断用户名是否重复的实例
Sep 06 Javascript
js+canvas实现简单扫雷小游戏
Jan 22 Javascript
vue组件库的在线主题编辑器的实现思路
Apr 03 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中jQuery插件autocomplate的简单使用笔记
2012/06/14 PHP
curl不使用文件存取cookie php使用curl获取cookie示例
2014/01/26 PHP
PHP中调用C/C++制作的动态链接库的教程
2016/03/10 PHP
jQuery 图像裁剪插件Jcrop的简单使用
2009/05/22 Javascript
PNG背景在不同浏览器下的应用
2009/06/22 Javascript
Javascript表格翻页效果的具体实现
2013/10/05 Javascript
javascript使用location.search的示例
2013/11/05 Javascript
JavaScript常用的返回,自动跳转,刷新,关闭语句汇总
2015/01/13 Javascript
JS实现自动定时切换的简洁网页选项卡效果
2015/10/13 Javascript
jQuery简单获取键盘事件的方法
2016/01/22 Javascript
jQuery.ajax向后台传递数组问题的解决方法
2017/05/12 jQuery
Array数组对象中的forEach、map、filter及reduce详析
2018/08/02 Javascript
JavaScript面向对象继承原理与实现方法分析
2018/08/09 Javascript
产制造追溯系统之通过微信小程序实现移动端报表平台
2019/06/03 Javascript
微信小程序在text文本实现多种字体样式
2019/11/08 Javascript
Vue实现剪贴板复制功能
2019/12/31 Javascript
vue vantUI tab切换时 list组件不触发load事件的问题及解决方法
2020/02/14 Javascript
vue打开子组件弹窗都刷新功能的实现
2020/09/21 Javascript
python求斐波那契数列示例分享
2014/02/14 Python
python实现html转ubb代码(html2ubb)
2014/07/03 Python
Python实现截屏的函数
2015/07/25 Python
全面了解Python的getattr(),setattr(),delattr(),hasattr()
2016/06/14 Python
Django REST framework内置路由用法
2019/07/26 Python
python 协程 gevent原理与用法分析
2019/11/22 Python
python 申请内存空间,用于创建多维数组的实例
2019/12/02 Python
基于python-pptx库中文文档及使用详解
2020/02/14 Python
基于logstash实现日志文件同步elasticsearch
2020/08/06 Python
python 牛顿法实现逻辑回归(Logistic Regression)
2020/10/15 Python
css3利用transform变形结合事件完成扇形导航
2020/10/26 HTML / CSS
Snapfish爱尔兰:在线照片打印和个性化照片礼品
2018/09/17 全球购物
英国专业美容产品在线:Mylee(从指甲到脱毛)
2020/07/06 全球购物
金蝶的一道SQL笔试题
2012/12/18 面试题
六一节目主持词
2014/04/01 职场文书
2014年党务公开方案
2014/05/08 职场文书
兽医医药专业求职信
2014/07/27 职场文书
2014年个人工作总结报告
2014/11/27 职场文书