基于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封装的对话框简单实现
Jul 21 Javascript
Js获取下拉框选定项的值和文本的实现代码
Feb 26 Javascript
js通过iframe加载外部网页的实现代码
Apr 05 Javascript
BootStrap中的表单大全
Sep 07 Javascript
JavaScript实现经典排序算法之插入排序
Dec 28 Javascript
微信小程序动态的加载数据实例代码
Apr 14 Javascript
JavaScript用二分法查找数据的实例代码
Jun 17 Javascript
JS实现简单的选择题测评系统代码思路详解(demo)
Sep 03 Javascript
JS函数动态传递参数的方法分析【基于arguments对象】
Jun 05 Javascript
js实现经典贪吃蛇小游戏
Mar 19 Javascript
Javascript模块化机制实现原理详解
Apr 02 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
Sep 01 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句法规则详解 入门学习
2011/11/09 PHP
php-perl哈希算法实现(times33哈希算法)
2013/12/30 PHP
thinkPHP3.2简单实现文件上传的方法
2016/05/16 PHP
php简单中奖算法(实例)
2017/08/15 PHP
php 输出缓冲 Output Control用法实例详解
2020/03/03 PHP
Javascript String对象扩展HTML编码和解码的方法
2009/06/02 Javascript
javascript 框架小结 个人工作经验
2009/06/13 Javascript
Jquery ThickBox插件使用心得(不建议使用)
2010/09/08 Javascript
滚动条响应鼠标滑轮事件实现上下滚动的js代码
2014/06/30 Javascript
Javascript 数组排序详解
2014/10/22 Javascript
jQuery Ajax调用WCF服务详细教程
2015/03/31 Javascript
一个字符串中出现次数最多的字符 统计这个次数【实现代码】
2016/04/29 Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
2016/09/23 Javascript
Bootstrap基本模板的使用和理解1
2016/12/14 Javascript
简单实现IONIC购物车功能
2017/01/10 Javascript
vue mint-ui tabbar变组件使用
2018/05/04 Javascript
简单了解vue中的v-if和v-show的区别
2019/10/08 Javascript
JavaScript实现图片伪异步上传过程解析
2020/04/10 Javascript
详解JavaScript 高阶函数
2020/09/14 Javascript
在vue中使用jsonp进行跨域请求接口操作
2020/10/29 Javascript
Python实现多线程下载文件的代码实例
2014/06/01 Python
Python中每次处理一个字符的5种方法
2015/05/21 Python
pytorch 输出中间层特征的实例
2019/08/17 Python
详解pyinstaller生成exe的闪退问题解决方案
2020/06/19 Python
Python爬虫小例子——爬取51job发布的工作职位
2020/07/10 Python
Python的logging模块基本用法
2020/12/24 Python
华润集团网上药店:健一网
2016/09/19 全球购物
欧舒丹英国官网:购买欧舒丹护手霜等明星产品
2017/01/17 全球购物
高中学生干部学习的自我评价
2014/02/21 职场文书
职业生涯规划书范文
2014/03/10 职场文书
歌颂祖国的演讲稿
2014/05/04 职场文书
幸福家庭标语
2014/06/27 职场文书
基层组织建设年活动总结
2015/05/09 职场文书
浅谈@Value和@Bean的执行顺序问题
2021/06/16 Java/Android
DSP接收机前端设想
2022/04/05 无线电
MyBatis XPathParser解析器使用范例详解
2022/07/15 Java/Android