数组扩展以及对象扩展

清疚 2022-11-22 12:40 206阅读 0赞

# 数组扩展以及对象扩展 #

一个正在努力爱好运动的程序猿  
座右铭：越努力越幸运，越运动越健康，热爱编程，热爱运动。

--------------------

### 文章目录 ###

*  数组扩展以及对象扩展
 *  一、数组扩展
 *  二、对象扩展

--------------------

# 一、数组扩展 #

//Array.of()
        //定义：用于将一组值，转换为数组
        Array.of();    //[]
        Array.of(1);    //[1]
        Array.of(1,2,3);  //[1, 2, 3]
        Array.of(4,5).length;  //2
        
        // copyWithin()
        // 定义：将指定位置的成员复制到其他位置（会覆盖原有成员），然后返回当前数组（会修改当前数组）
        // 接受三个参数copyWithin(target, start , end)
        // target（必需）：从该位置开始替换数据。如果为负值，表示倒数。
        // start（可选）：从该位置开始读取数据，默认为 0。如果为负值，表示从末尾开始计算。
        // end（可选）：到该位置前停止读取数据，默认等于数组长度。如果为负值，表示从末尾开始计算。
    
        [1, 2, 3, 4, 5].copyWithin(0, 3) ;  //[4, 5, 3, 4, 5] 
        //将从3号位直到数组结束的成员（4和5），复制到从0号位开始的位置，结果覆盖了原来的1和2。
    
        [1, 2, 3, 4, 5].copyWithin(0, 3, 4)  //[4, 2, 3, 4, 5]
        //将从3号位开始4号位结束的成员，复制到从0号位开始的位置，结果覆盖了原来的1。
    
        [1, 2, 3, 4, 5, 6, 7].copyWithin(0, 3, 5)  //[4, 5, 3, 4, 5, 6, 7]
        //将从3号位开始5号位结束的成员(4和5)，复制到从0号位开始的位置，结果覆盖了原来的1和2。
    
        [1, 2, 3, 4, 5].copyWithin(0, -2, -1)  //[4, 2, 3, 4, 5]
        //-2相当于3号位，-1相当于4号位,代码等同于[1, 2, 3, 4, 5].copyWithin(0, 3, 4)
    
        //find()
        // find()用于找出第一个符合条件的数组成员。它的参数是一个回调函数,，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。
        // find方法的回调函数可以接受三个参数，依次为当前的值、当前的位置和原数组
        var arr = [3,4,7,9];
        var a = arr.find(function(item,index,arr){  //用于找出第一个符合条件的数组成员
            return item >5
        });
        console.log(a); 
        
        //另一种写法
        [1, 11, 12, 10].find(n => n > 5)  //11
    
        //findIndex()
        //findIndex方法的用法与find方法非常类似，返回第一个符合条件的数组成员的位置，如果所有成员都不符合条件，则返回-1
        var arr = [3,4,7,9];
        var a = arr.find(function(item,index,arr){  //返回第一个符合条件的数组成员的位置
            return item >5
        });
        console.log(a);   //2
    
        //fill()
        //定义：用于将一个固定值替换数组的元素
        array.fill(value, start, end)
        // value（必需）：填充的值。
        // start（可选）：开始填充位置。
        // end（可选）：停止填充位置 (默认为 *array*.length)。
        var arr = ["blue", "Orange", "red", "green"];
        arr.fill("abc", 2, 4);  //["blue", "Orange", "abc", "abc"]
    
        //includes()
        //定义：方法返回一个布尔值，表示某个数组是否包含给定的值，与字符串的`includes`方法类似
        [1, 2, 3].includes(2)     // true
        [1, 2, 3].includes(4)     // false
        var arr = ["blue", "Orange", "red", "green"];
        arr.includes('blue');  //true
        // 该方法的第二个参数表示搜索的起始位置，默认为0。如果第二个参数为负数，则表示倒数的位置，
        // 如果这时它大于数组长度（比如第二个参数为-4，但数组长度为3），则会重置为从0开始。
        [1, 2, 3].includes(3, 3);  // false
        [1, 2, 3].includes(3, -1); // true
    
        //flat()
        //定义：用于将嵌套的数组“拉平”，变成一维的数组。
        [1, 2, [3, 4, 6],[7, 8]].flat(); //[1, 2, 3, 4, 6, 7, 8]
        //该方法返回一个新数组，对原数据没有影响。
        var arr = [1, 2, [3, 4, 6],[7, 8]];
        var a = arr.flat();
        console.log(arr); //[1, 2, [3, 4, 6],[7, 8]];
        console.log(a); // [1, 2, 3, 4, 6, 7, 8]
    
        //默认只会“拉平”一层，如果想要“拉平”多层的嵌套数组，可以将flat()方法的参数写成一个整数，表示想要拉平的层数，默认为1。
        //flat()的参数为2，表示要“拉平”两层的嵌套数组
        [1, 2, [3, [4, 6]],[7, 8]].flat(2);//[1, 2, 3, 4, 6, 7, 8]
        [1, 2, [3, [4, [6]]],[7, 8]].flat(2); //[1, 2, 3, 4, [6], 7, 8]
    
        //如果不管有多少层嵌套，都要转成一维数组，可以用Infinity关键字作为参数。
        [1,2,[3,4,[5,[6,[7,[8]]]]]].flat(Infinity); //[1, 2, 3, 4, 5, 6, 7, 8]

# 二、对象扩展 #