JS 解构赋值

2021-07-26 20:03:40 阅读：175 来源： 互联网


```javascript
 <script>
        // var a=1;
        // var b=2;
        // var c=3;

        //解构赋值，按照一一对应的方式，从数组提取值，再将提取出来的值赋给变量
        //解构：分解数据结构
        //如果没有匹配到，多余的变量就是undefined
        // let[a,b,c]=[1,2,3];   //赋值形式等同于上方的赋值
        // console.log(a+' '+b+' '+c);
      

        //解构时，左边允许有默认值
        // let[a=2]=[];
        // console.log(a) //2
        

        //undefined和null
        //undefined相当于什么都没有，c采用默认值
        //null相当于有值，但是值为null
        // let[b,c=1]=[2,null];
        // console.log('b',b);
        // console.log('c',c);



        //对象的解构赋值：将对象的值按照属性匹配的方式提取出来，然后赋值给变量
        var json={
            name:'张三',
            age:22,
            sex:'男'
        }
        
        // ES6之前的赋值方法：
        // var name=json.name;
        // var age=json.age;

        //ES6的对象解构赋值
        // let {age,sex,name}=json;
        // console.log(name+' '+age+' '+sex);
       
        //数组和对象 解构赋值的区别：数组是通过元素(成员)次序排列的，变量取值由它的位置决定。
        //对象的属性没有次序，是根据键来取值的。

        //给左边的变量自定义命名
        //冒号左边的属性名对应 等号右边的属性名
        //冒号右边的myName，myAge是左边自定义的变量名
        // let{name:myName,age:myAge}=json;
        // console.log(myName);


        //字符串的解构
        // const[a,b,c,d]='hello';
        // console.log(a); //h
        // console.log(b); //e
        // console.log(c); //l

      

    </script>

标签：console,log,name,JS,var,解构,赋值
来源： https://blog.csdn.net/nengsong111/article/details/119117150

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

JS 解构赋值