ES6中新增关于Array的方法

最新推荐文章于 2024-08-14 22:20:20 发布

Archai233

最新推荐文章于 2024-08-14 22:20:20 发布

阅读量427

点赞数 1

文章标签： js ES6

本文链接：https://blog.csdn.net/fintinger/article/details/107164723

版权

本文介绍了ES6中关于Array的五个新特性：1) 使用apply或call创建并迭代空数组；2) 利用展开语法处理空参数；3) 使用flat()方法进行数组扁平化；4) 通过修改length属性截断数组；5) 获取数组的最后一项。这些技巧能提高JavaScript中数组处理的效率和便捷性。

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

在javascript中，Array()经常用到，利用ES6中的一些新特性会让数组的处理更加方便快捷

1.迭代空数组

直接创建一个数组

const arr=new Array(4);
//Output:[undefined，undefined，undefined，undefined]

利用map方法，转化成新的数组，企图得到 [0,1,2,3] 数组

const arr=new Array(4);
arr.map((ele,index) => index);
//Output:[undefined，undefined，undefined，undefined]

解决这个问题可以在创建数组时用到Array.apply

apply与call类似，都是用来继承父类的方法的，不同之处是：

call() 方法分别接受参数。person.fullName.apply(person1, ["Oslo", "Norway"]);

apply() 方法接受数组形式的参数.person.fullName.call(person1, "Oslo", "Norway");

如果要使用数组而不是参数列表，则 apply() 方法非常方便。

const arr = Array.apply(null, new Array(4));
arr.map((ele,index) => index);
//Output:[0,1,2,3]

由此，我们可以创建一个指定最大值、最小值、或者长度生成指定数列的方法

/**
     * 生成自定义的连续数列
     * @param{Number}min
     * @param{Number}max
     * @param{Number}len
     */
    function newArr({
   min = null, max = null, len = null} = {
   }) {
   
        let newArray=[], skip = min
        if (len == null) {
   len = max - min + 1}
        if (min == null) {
   skip = -max