解构赋值、

最新推荐文章于 2022-02-23 18:17:39 发布

anhumi4350

最新推荐文章于 2022-02-23 18:17:39 发布

阅读量89

点赞数

原文链接：http://www.cnblogs.com/hy96/p/11435830.html

版权

<!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>

转载于:https://www.cnblogs.com/hy96/p/11435830.html

anhumi4350

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
解构赋值、

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...
复制链接

扫一扫