ES6新特性之数组、Math和扩展操作符用法示例

前端之家收集整理的这篇文章主要介绍了ES6新特性之数组、Math和扩展操作符用法示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了ES6新特性之数组、Math和扩展操作符用法分享给大家供大家参考,具体如下:

一、Array

Array对象增加了一些新的静态方法,Array原型上也增加了一些新方法

1.Array.from 从类数组和可遍历对象中创建Array的实例

类数组对象包括函数中的arguments、由document.getElementsByTagName()返回的nodeList对象、新增加的Map和Set数据结构。

方法 let itemElements=document.querySelectorAll('.item'); let items=Array.from(itemElements); items.forEach(function(item){ console.log(item.nodeType); }); //in ES5 类数组转换数组的方法 var items=Array.prototype.slice.call(itemElements);

上面的例子中,类数组对象itemElements对象是不具备数组方法forEach()的,但可以通过Array.from()方法转换为Array。

Array.from()另一个特性是它的第二个可选参数mapFunction,该参数允许你通过一次单独调用创建一个新的映射数组:

el.textContent);

2.Array.of方法

方法表现的很像Array的构造函数,它适合只传一个参数的情况,因此Array.of是new Array()的更优选择,所以,构建数组的方式,现在有三种:

3.Array的find,findIndex,fill方法

1)find返回回调返回true的第一个元素 2)findIndex返回回调函数返回true的第一个元素的下标 3)fill用所给参数‘覆盖'数组的元素

n===10);//10 [5,1].findIndex(n=>n===10);//2 [5,1].fill(7);//[7,7,7] [5,1].fill(7,1,3);//[5,1]

二、Math

Math对象新增了几个新方法

三、扩展操作符

扩展操作符用于特定地方扩展元素,例如:在一个数组中扩展一个数组的元素。

再如 函数调用中的参数中的应用:

调用方式 doSomething.apply(null,values);

正如所看到的,该语法使我们免去使用fn.apply()的麻烦,它很灵活,因为扩展操作符可以用在参数列表中的任意位置。

我们已经看到把扩展操作符应用在数组和参数中,事实上,我们可以把它用在所有可比案例的对象中:

现在,allTheThings是一个包含

节点、子节点和