ES6数组的拓展

　　数组的部分方法：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p>慕课网</p>
<p>妙味课堂</p>
<p>爱创课堂</p>
<script>
    //Array.of() 将传入的参数合并成一个数组
    let arr = Array.of(1,2,3,4,5,6);
    console.log(arr)//[1,2,3,4,5,6]
    let arr1 = Array.of();
    console.log(arr1)//[ ]
    //Array.from 将一个集合转化成一个数组 也可以对一个数组进行映射
    let p = document.querySelectorAll('p');
    let pArr = Array.from(p);
    pArr.forEach(function(item){
        console.log(item.innerHTML)
    })
    console.log( Array.from([1,3,5],function(item){
        return item*2;
    }))//[2,6,10]  第一个参数为数组  第二个参数是一个函数 对数组进行映射

</script>
</body>
</html>

    //fill()将一个数组中的元素进行替换 第一个参数 替换的值 第二个参数替换的起始下标 第三个参数替换的结束下标
   console.log(['a','b',5,'你好',9].fill('替换',1,3))// ["a", "替换", "替换", "你好", 9]

    //获取数组中第一个满足条件的值
    console.log([1,2,3,4,5,6].find(function(item){return item>3}));
    //获取数组中第一个满足条件的值的下标
    console.log([1,2,3,4,5,6].findIndex(function(item){return item>3}));
    //判断数组中是否存在传入的参数
    console.log([1,2,NaN].includes(1));
    console.log([1,2,NaN].includes(NaN));

　　数组的遍历细节：

    for(let index of ['1','c','ks'].keys()){
        console.log('keys',index);
    }
    //values需要用babel-polyfill
    for(let value of ['1','c','ks'].values()){
        console.log('values',value);
    }
    for(let [index,value] of ['1','c','ks'].entries()){
        console.log('values',index,value);
    }

　　匹配规则：

const arr = ['a','b',['c','d',['e','f','g']]];
let [ , ,[ , ,[ , ,q]]] = arr;
alert(q);
// 弹出 g

　　交换变量：

let a = 20;
let b = 10;
[a,b] = [b,a];
//结果 a = 10 ，b = 20 两个变量互换

　　扩展运算符：

const arr1 = [1,2,3];
const arr2 = ['a','b'];
const arr3 = ['aaa',456];
const arr4 = [...arr1,...arr2,...arr3];
//arr4 => 将arr1，arr2，arr3合并成一个数组 arr4 = [1,2,3,'a','b','aaa',456]
const arr = [1,2,3,4];
const [a,b,...c] = arr;
//将剩余未匹配到的值合并成一个数组赋值给c c = [3,4]

　　接收多个函数返回值 :

function getNum(){
    return [
        "你好",
        {
            name : "小明",
            age : 16,
            sex : "男"
        },
    ];
}
const [first,second,third] = getNum();
/*
 结果 ：girst => "你好" , second => {name : "小明",age : 16,sex : "男"} , third => 123
*/

猜你喜欢