基于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系列(15) 函数(Functions)
Apr 12 Javascript
通过jQuery源码学习javascript(二)
Dec 27 Javascript
重构Javascript代码示例(重构前后对比)
Jan 23 Javascript
JS中Eval解析JSON字符串的一个小问题
Feb 21 Javascript
ClearTimeout消除闪动实例代码
Feb 29 Javascript
javascript事件模型介绍
May 31 Javascript
使用proxy实现一个更优雅的vue【推荐】
Jun 19 Javascript
详解mpvue scroll-view自动回弹bug解决方案
Oct 01 Javascript
jQuery实现适用于移动端的跑马灯抽奖特效示例
Jan 18 jQuery
JavaScript动态创建二维数组的方法示例
Feb 01 Javascript
vue框架制作购物车小球动画效果实例代码
Sep 26 Javascript
基于vue-cli3+typescript的tsx开发模板搭建过程分享
Feb 28 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
在任意字符集下正常显示网页的方法二(续)
2007/04/01 PHP
php单态设计模式(单例模式)实例
2014/11/18 PHP
使用PHP实现生成HTML静态页面
2015/11/18 PHP
php表单文件iframe异步上传实例讲解
2017/07/26 PHP
Laravel使用scout集成elasticsearch做全文搜索的实现方法
2018/11/30 PHP
微信公众平台开发教程⑤ 微信扫码支付模式介绍
2019/04/10 PHP
Laravel 5.4前后台分离,通过不同的二级域名访问方法
2019/10/13 PHP
jQuery学习笔记之jQuery的动画
2010/12/22 Javascript
jQuery powerFloat万能浮动层下拉层插件使用介绍
2010/12/27 Javascript
jquery.pagination.js 无刷新分页实现步骤分享
2012/05/23 Javascript
jquery教程限制文本框只能输入数字和小数点示例分享
2014/01/13 Javascript
举例详解JavaScript中Promise的使用
2015/06/24 Javascript
jQuery中DOM节点删除之empty与remove
2017/01/20 Javascript
vue项目中用cdn优化的方法
2018/01/03 Javascript
微信小程序实现弹出菜单功能
2018/06/12 Javascript
详解vue-cli 2.0配置文件(小结)
2019/01/14 Javascript
JS前端知识点总结之页面加载事件,数组操作,DOM节点操作,循环和分支
2019/07/04 Javascript
vue3.0 上手体验
2020/09/21 Javascript
使用Python开发windows GUI程序入门实例
2014/10/23 Python
python url 参数修改方法
2018/12/26 Python
在Python中字典根据多项规则排序的方法
2019/01/21 Python
Python实现的爬取百度贴吧图片功能完整示例
2019/05/10 Python
3分钟看懂Python后端必须知道的Django的信号机制
2020/07/26 Python
CSS3实现线性渐变用法示例代码详解
2020/08/07 HTML / CSS
Parfumdreams英国:香水和化妆品
2019/05/10 全球购物
马来西亚网上花店:FlowerAdvisor马来西亚
2020/01/03 全球购物
德国家具折扣店:POCO
2020/02/28 全球购物
估算杭州有多少软件工程师
2015/08/11 面试题
捐资助学倡议书
2014/04/15 职场文书
科技之星事迹材料
2014/06/02 职场文书
大学生毕业求职信
2014/06/12 职场文书
小学三年级班主任工作经验交流材料
2015/11/02 职场文书
高中美术教学反思
2016/02/17 职场文书
pandas DataFrame.shift()函数的具体使用
2021/05/24 Python
详解Vue中$props、$attrs和$listeners的使用方法
2022/02/18 Vue.js
mysql insert 存在即不插入语法说明
2022/03/25 MySQL