基于ES6 Array.of的用法(实例讲解)

 更新时间:2017年09月05日 08:37:50   作者:白色的海  
下面小编就为大家带来一篇基于ES6 Array.of的用法(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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的用法(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • ASP 过滤数组重复数据函数(加强版)

    ASP 过滤数组重复数据函数(加强版)

    asp 不重复数组数据的实现代码,比上个版本,更细,更能更强,大家可以根据需要选择。
    2010-05-05
  • 多浏览器兼容的动态加载 JavaScript 与 CSS

    多浏览器兼容的动态加载 JavaScript 与 CSS

    Omar AL Zabir这位MVP总是喜欢搞些稀奇古怪同时又很实用的小东西,并且还十分值得参考。最近他就做了一个叫做ensure的小工具用于动态加载JavaScript、CSS与HTML,而且IE、Firefox、Opera、Safari都支持了,那么我们就来看看ensure是如何做到动态加载JavaScript与CSS的。
    2008-09-09
  • JS apply用法总结和使用场景实例分析

    JS apply用法总结和使用场景实例分析

    这篇文章主要介绍了JS apply用法总结和使用场景,结合实例形式分析了JS apply的基本功能、原理、使用方法及操作注意事项,需要的朋友可以参考下
    2020-03-03
  • javascript实现完美拖拽效果

    javascript实现完美拖拽效果

    javascript实现的拖拽效果,可以把屏幕上的图片拖动到任意地方,效果平滑,点击图片还可以从侧边展开图片的详细信息,非常好的相册效果
    2015-05-05
  • js计时事件实现圆形时钟

    js计时事件实现圆形时钟

    这篇文章主要为大家详细介绍了js计时事件实现圆形时钟,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10
  • javascript隐藏显示div的两种方式实例

    javascript隐藏显示div的两种方式实例

    这篇文章主要给大家介绍了关于javascript隐藏显示div的两种方式,实现的代码很简单,点击时先判断div是否是显示,如果div是显示就把div设置为隐藏,否则就变为显示,需要的朋友可以参考下
    2022-09-09
  • js中cookie的添加、取值、删除示例代码

    js中cookie的添加、取值、删除示例代码

    cookie的应用在网页中很常见,在本文为大家介绍下js中如何对cookie进行添加、取值、删除,感兴趣的朋友不要错过
    2013-10-10
  • 手机图片预览插件photoswipe.js使用总结

    手机图片预览插件photoswipe.js使用总结

    这篇文章主要为大家详细总结了手机图片预览插件photoswipe.js使用方法,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • JS实现灵巧的下拉导航效果代码

    JS实现灵巧的下拉导航效果代码

    这篇文章主要介绍了JS实现灵巧的下拉导航效果代码,通过自定义js插件脚本dropdown.js实现简单的下拉导航效果的功能,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • 深入浅析JS是按值传递还是按引用传递(推荐)

    深入浅析JS是按值传递还是按引用传递(推荐)

    这篇文章主要介绍了JS是按值传递还是按引用传递(推荐)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09

最新评论