解构赋值、

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 新增赋值方式：解构赋值
    // 解构：解开，结构

    // 数组的解构：按照顺序一一对应，没有对应，为undefined
     var arr = ["hello",3.1415,true];
     var [c,b,a,d,e,f] = arr;
     console.log(a);//true
     console.log(b);//undefined
     console.log(c);//hello
     console.log(d);//u
     console.log(e);//u
     console.log(f);//u

//     字符的解构：按照顺序一一对应，没有对应，为undefined
     var str = "hi";
     var [a,b,c,d] = str;
     console.log(a)//h
     console.log(b)//i
     console.log(c)//u
     console.log(d)//u

    // 对象的解构：按照key一一对应，没有对应，为undefined
     var obj = {
         name:"admin",
         age:18,
         sex:1
     }
     var {sex,age,name,like} = obj;
     console.log(name)//admin
     console.log(age)//18
     console.log(sex)//1
     console.log(like)//undefined


    // 参数的解构
     function fn({name,age}){
         // name
         // age
     }
     fn({name:"admin",age:19})

     function fn(){
         return ["hello","world"]
     }
     var [a,b] = fn();

     var a = 10;
     var b = 20;
     var [b,a] = [a,b];
     console.log(a,b)//20 10
</script>
</html>
复制代码

 

posted @   菜鸟小何  阅读(282)  评论(0)  编辑  收藏  举报
编辑推荐：
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
阅读排行：
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 零经验选手，Compose 一天开发一款小游戏！
· 一起来玩mcp_server_sqlite，让AI帮你做增删改查！！
点击右上角即可分享
微信分享提示