ES6(五: Array扩展)

最新推荐文章于 2022-09-07 08:36:07 发布

Justin0223

最新推荐文章于 2022-09-07 08:36:07 发布

阅读量461

点赞数

分类专栏： ECMAScript6 文章标签：数组 api ecmascript6

本文链接：https://blog.csdn.net/u010377383/article/details/78154983

版权

本文主要介绍了ES6中数组的扩展，包括Array.from()、Array.of()、find()、findIndex()、entries()、keys()、values()、includes()以及空位处理。Array.from()可以将类似数组和可迭代对象转换为数组，Array.of()则用于创建数组。find()和findIndex()用于查找符合条件的数组元素。此外，还包括了数组实例的entries()、keys()和values()遍历方法，以及includes()用于判断数组是否包含特定值。文章还讨论了数组的空位及其与undefined的区别。

摘要由CSDN通过智能技术生成

（一）关于正则,数值，Math

在Es6中正则新增了构造函数和修饰符。和修饰符对应的API

而Number,则将全局的isFinite(),isNaN(),parseInt() 和parseFloat()放在

Number的原型链上。并新增整数判断isInteger()和安全整数isSafeInteger()。
并且扩展了Math上API的trunc()，sign()，cbrt()，clz32()等。

因为我自己也没用到太多，具体想了解去网上查阅资料吧，这里就不说了。

（二）数组扩展

因为ES6新增了Set,Map。而且js中数组一直都是最常用的数据类型，标准json就是关联数组，不管是索引数组还是关联数组还是什么类数组对象或者NodeList集合。其实可以说成js底层的数据结构，就是关联数组，不得不说数组是js最重要的数据类型。

虽然还没java的集合框架中最常用的List，Map，Set这么完善。但是我相信未来的js一定会完善这方面。

（三）Array.from()

（1）Array.from 方法用于将两类对象转为真正的数组：
类似数组的对象（array-like object）和可遍历（iterable）的对象（包括ES6新增的数据结构Set和Map）。

let arrayLike = {
    '0': 'a',
    '1': 'b',
    '2': 'c',
    length: 3
};
// ES5 使用数组原型的slice方法返回新数组
const newArr = Array.prototype.slice.call(arrayLike);

// ES6 直接通过from
const newArr = Array.from(arrayLike);
console.error(newArr);

（2）常见的类似数组的对象是DOM操作返回的NodeList集合

<body>
<p>123</p>
<script>
    var elem = document.getElementsByTagName('p'); 
    // HTMLCollection
    Array.from(elem).forEach(function(value,index){
    
        console.log(value.nodeName); // P 
    })
</script>
</body>

上面代码中， querySelectorAll 方法返回的是一个类似数组的对象（HTMLCollection），只有将这个对象转为真正的数组，才能使用forEach 方法。

（3）函数内部的arguments 对象

// arguments对象
function foo() {
   
    var args = Array.from(arguments);
    //TODO
}

（4）Set等具有迭代器（Iterator）接口

// 一个数组去重方法
const arr = ['张三','张三','三张三']
let set = new Set(arr); // Set构造器传入Array自带去重

console.log(set); // Set { '张三', '三张三' }
console.error(Array.from(set)); // [ '张三', '三张三' ]

（5）传入数组

如果参数是一个真正的数组， Ar

最低0.47元/天解锁文章

Justin0223

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ES6(五: Array扩展)

在Es6中正则新增了构造函数和修饰符。和修饰符对应的API而Number,则将全局的isFinite(),isNaN(),parseInt() 和parseFloat()放在Number的原型链上。并新增整数判断isInteger()和安全整数isSafeInteger()。并且扩展了Math上API的trunc()，sign()，cbrt()，clz32()等。
复制链接

扫一扫

专栏目录