扩展运算符...

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div></div>
    <div></div>
    <div></div>
</body>
<script>
    // 扩展运算符能将数组转为逗号分隔的参数序列
    // 声明一个数组
    const tfboys=['小白','小红','小兰'];
    // 声明一个函数
    function chunwan(){
      console.log(arguments);
    }
    chunwan(...tfboys);

    // 用法1 数组合并
    const arr1=['aaa','bbb'];
    const arr2=['ccc','ddd'];
    // 以前的写法
    // const addResult=arr1.concat(arr2)
    // 使用扩展运算符
    const addResult=[...arr1,...arr2];
    console.log(addResult)
    // 用法2 数组克隆
    const sanzhihua=['E','G','M'];
    const sanyecao=[...sanzhihua];
    console.log(sanyecao)
    // 用法3 将伪数组转为真正的数组
    const divs=document.querySelectorAll('div');
    const divArr=[...divs];
    console.log(divArr)


</script>
</html>
复制代码

 

posted @   鲁班大师智商二百五  阅读(9)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
点击右上角即可分享
微信分享提示