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生成数组的好处,含义一致。

End

时间: 2024-11-15 11:39:00

ES6,Array.of的用法的相关文章

ES6,Array.copyWithin的用法

ES6为Array增加了copyWithin函数,用于操作当前数组自身,用来把某些个位置的元素复制并覆盖到其他位置上去. Array.prototype.copyWithin(target, start = 0, end = this.length) 该函数有三个参数. target:目的起始位置. start:复制源的起始位置,可以省略,可以是负数. end:复制源的结束位置,可以省略,可以是负数,实际结束位置是end-1. 例: 把第3个元素(从0开始)到第5个元素,复制并覆盖到以第1个位置

ES6,Array.from的用法

ES6为Array增加了from函数用来将其他对象转换成数组. 当然,其他对象也是有要求,也不是所有的,可以将两种对象转换成数组. 1.部署了Iterator接口的对象,比如:Set,Map,Array. 2.类数组对象,什么叫类数组对象,就是一个对象必须有length属性,没有length,转出来的就是空数组. 转换map 将Map对象的键值对转换成一个一维数组. 实际上转换出来的数组元素的序列是key1,value1,key2,value2,key3,value3..... const ma

Array.prototype.slice && Array.prototype.splice 用法阐述

目的 对于这两个数组操作接口,由于不理解, 往往被误用, 或者不知道如何使用.本文尝试给出容易理解的阐述. 数组 什么是数组? 数组是一个基本的数据结构, 是一个在内存中依照线性方式组织元素的方式, 其中元素的类型必须是相同的, 这个每个元素的索引地址才能被计算出来, 索引通常是数字,用来计算元素之间存储位置的偏移量. 结构如下: javascript数组 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Glob

Javascript学习总结三(Array对象的用法)

javascript Array对象的常用API 1:concat concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本.举例:var a1 = ['aa','bb'];var a2 = ['cc','dd'];var a3 = a2.concat(a1); 2:every every() 方法用于检测数组所有元素是否都符合指定条件(通过函数提供).every() 方法使用指定函数检测数组中的所有元素:如果数组中检测到有一个元素不满足,则整个表

Es6系列--let的用法

基本用法: Es5只有全局作用域和函数作用域,没有块级作用域,这就带来了很不合理的场景比如: 我们所期望的是能把var i  = 11的值打印出来 Es6新增了let命令,let命令只能在它的代码块中有效,其用法类似var 不存在变量提升 let并不会像var那样发生"变量提升"的现象.所以变量一定要先声明在使用.否则报错 由于上面的代码在声明前使用了变量,结果抛出了ReferenceError错误 暂时性死区 在代码块内使用let声明变量之前,该变量都是不可用的,在语法上成为&quo

es6 - array for-chrome

1 // 去重复 2 Array.from(new Set([1, 1, 2, 3])); // [1, 2, 3] 3 console.log(Array.from(new Set([1, 1, 2, 3]))); 4 5 // 分解字符串 6 Array.from('hello'); // ["h", "e", "l", "l", "o"] 7 console.log(Array.from('hello

[ES6] Array.find()

Convenient method to find one item in an array, avoid writing and  for + if: let arys = [1,,5,,6] ; let target = 6; let res = arys.find(item => item === target); console.log(res);

每天学习一点新技术,认真对待生活(es6中let的用法)

每天都要进步一点点!  今天开始学习新技术ES6 什么是ES6,ES2016,ES2017? ES6就是ES2015,也是一种泛指,指下一个新版本,从ES6开始,官方的叫法就不叫做ES6,叫做ES2015.以此类推. ES是一个不断迭代中的标准,一个功能是否最终进入ES标准,要经理四个阶段 stage0 最初的方案提案,并未经过大多数的慎重考虑 stage1 比较正规的提案 stage2 标准的提案 stage3 要考虑这个提案并融入标准之中. 以上是关于ES6的一些介绍,然后学习ES6之前应该

es6 Array.from() 将类似数组的对象转化为数组(1)

Array.from() 将数组对象转化为数组,应用方式Array.from(arr) arr数组对象的名称; 常用与类似数组的对象是DOM操作返回的Nodelist集合(如: let ps = document.querySelectorAll('p')),函数内部的arguments对象(如:function(){ let args = Array.from(arguments); //...}) 备注: querySelectorAll('')返回的是一个类似数组的对象,只有将对象转化为数