ES6-数组的新增特性-扩展运动符

Bertha 。 2022-05-15 04:07 249阅读 0赞

构造函数的新增方法Array.form()和Array.of()

**2.Array.form()**

可以把类数组对象、实现了迭代器接口的数据类型转换成真正的对象；

例子：

<script>
    	//例子一：类数组对象
        let arrayLike = {
        	0:"苹果",
        	1:"香蕉",
        	2:"西瓜",
        	3:"葡萄",
        	length:4
        }
        console.log(arrayLike);
    
        //把arrayLike转为纯数组
        let arrList = Array.from(arrayLike);
        console.log(arrList);//Array [ "苹果", "香蕉", "西瓜", "葡萄" ]
    
        //遍历
        arrList.forEach(function(val,key){
        	console.log(key,val);//0 苹果 1 香蕉 2 西瓜 3 葡萄
        })
    
    
        //例子二：实现interator接口的数据,strList转为纯数组
        var strList =Array.from("helloworld");
        console.log(strList);//输出数组Array [ "h", "e", "l", "l", "o", "w", "o", "r", "l", "d" ]
    
        //遍历
         strList.forEach(function(val,key){
        	console.log(key,val);//0 h 1 e 2 l 3 l 4 o......
        })
    
         //统一，扩展运算符也可以将字符串转为纯数组，例子
         let arr = [...'hello'];
         console.log(arr);//输出Array [ "h", "e", "l", "l", "o" ]
    
    </script>

**3. Array.of()**

将一组值转化为数组；

例子：

<script>
    	let arr = Array.of(10,20,30,40);
        console.log(arr);//输出Array [ 10, 20, 30, 40 ]
    
        // 等同于
        let arr1 =new Array('a','b','c','d');
        console.log(arr1);//输出Array [ "a", "b", "c", "d" ]
    
    
        // Array.of和new Array区别
        // new Array根据参数不同解析的结果不同，而Array.of不会，所以用Array.of代替了new Array
        // 当数组中有一个元素时
    
        let arr2 = Array.of(10);
        console.log(arr2);//直接输出Array [ 10 ]
    
        // 当用new Array时
        let arr3 = new Array(10);
        console.log(arr3);//直接输出长度为10的数组，Array [ <10 empty slots> ]，而不是数组中元素为10
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，249人围观）

还没有评论，来说两句吧...

相关阅读

相关 es6-----数组的扩展

Array.from() : 用于将两类对象转化为数组 let arr1 = \{ '1':'a', '2':'b', '3':'c',

不念不忘少年蓝@/ 2023年07月07日 11:17/ 0 赞/ 17 阅读

相关 ES6新增的特性

let 和 const 命令 var 之前，我们写js定义变量的时候，只有一个关键字： var var 有一个问题，就是定义的变量有时会莫名奇妙的成为全局变量。

淡淡的烟草味﹌/ 2023年07月04日 11:09/ 0 赞/ 18 阅读

相关 ES6新增特性

-------------------- let和const命令 let和var的区别 var a = []; for (var i = 0; i

我就是我/ 2022年11月27日 10:15/ 0 赞/ 278 阅读

相关 ES6-数组的新增特性-数组对象方法

数组对象新增的方法 4.find()和findIndex()方法（1）find() 返回数组中第一个满足条件的元素，参数是回调函数例子： <script>

电玩女神/ 2022年05月15日 04:07/ 0 赞/ 318 阅读

相关 ES6-数组的新增特性-扩展运动符

构造函数的新增方法Array.form()和Array.of() 2.Array.form() 可以把类数组对象、实现了迭代器接口的数据类型转换成真正的对象；例子：

Bertha 。/ 2022年05月15日 04:07/ 0 赞/ 250 阅读

相关 ES6-数组的新增特性-扩展运动符

1.扩展运算符（...） (1)定义：扩展运算符相当于rest参数的逆运算，把数组转换为用逗号分割的参数列表，例子： <script> // rest

ゝ一纸荒年。/ 2022年05月15日 04:07/ 0 赞/ 227 阅读

相关 ES6-函数新增特性

1.函数参数的默认值 <script> function fn(a='小丁',b){ console.log(a+"和"+b+""写代码);

雨点打透心脏的1/2处/ 2022年05月15日 04:06/ 0 赞/ 457 阅读

相关 ES6-字符串新增特性

1.模板字符串（1）定义比较长，复杂的字符串，如html代码模板字符串中写 \` 需要转义，例子： <script> let html

怼烎@/ 2022年05月15日 04:06/ 0 赞/ 454 阅读

相关 ES6入门之数组的扩展

1. 扩展运算符 > ...表示，将一个数组转为用逗号分隔的参数序列，如下： console.log(...[1,2,3]) // 1 2 3

超、凢脫俗/ 2022年04月27日 16:56/ 0 赞/ 286 阅读

相关 es6 数组的扩展

数组的扩展 Array.from() Array.of() 扩展运算符扩展运算符的应

电玩女神/ 2022年02月04日 12:36/ 0 赞/ 286 阅读