ES6的解构表达式

桃扇骨 2021-07-25 01:00 442阅读 0赞

# 一 代码 #

<!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>
        <script>
            /* 数组解构 */
            // 可以直接将数组的元素依次赋值给其他变量
            let arr = [1, 2, 3];
            // 不需要像下面这样挨个赋值
            // let a = arr[0];
            // let b = arr[1];
            // let c = arr[2];
    
            let [a, b, c] = arr;
    
            console.log(a, b, c) //1 2 3
    
            /* 对象解构 */
            // 可以直接将对象的属性赋给其他变量
            const person = {
                name: "jack",
                age: 21,
                language: ['java', 'js', 'css']
            }
    
            // 不需要像下面这样挨个赋值
            // const name = person.name;
            // const age = person.age;
            // const language = person.language;
    
            /* 对象解构 */
            // 将name的值赋给abc
            const { name: abc, age, language } = person;
            console.log(abc, age, language)
        </script>
    </body>
    
    </html>

# 二 测试结果 #

![20201018115351883.png][]

[20201018115351883.png]: /images/20210724/b3f6c69cbf194ca4b9e9f67ef15f8ac1.png

发表评论取消回复

表情：

评论列表（有 0 条评论，442人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6-箭头函数结合解构表达式

比如有一个函数： const person = { name:"jack", age:21, language: [

╰半橙微兮°/ 2023年07月23日 05:00/ 0 赞/ 25 阅读

相关 ES6-解构表达式

1、数组解构 let arr = [1,2,3] 我想获取其中的值，只能通过角标。ES6可以这样： const [x,y,z] = arr;// x，y，

傷城~/ 2023年07月23日 04:57/ 0 赞/ 50 阅读

相关 es6 解构

解构: 从数组或对象中提取值,对变量进行赋值解构赋值号的两边的格式需要相互对应,对应位置的数值类型也需要一致 let [a,b.[c]] = [

素颜马尾好姑娘i/ 2023年07月06日 14:51/ 0 赞/ 135 阅读

相关 ES6～解构赋值

解构赋值：定义： ES6按照统一模式，从数组和对象中提取值，对变量进行赋值，这样被称为解构．注意： \\1.\\node.js目前還不支持解构赋值，所以

刺骨的言语ヽ痛彻心扉/ 2022年06月05日 01:53/ 0 赞/ 451 阅读

相关 ES6解构赋值

原文转自[https://www.cnblogs.com/xiaohuochai/p/7243166.html][https_www.cnblogs.com_xiaohuoch

﹏ヽ暗。殇╰゛Y/ 2022年05月11日 16:24/ 0 赞/ 479 阅读

相关 es6 解构赋值

ES6解构赋值传统的变量赋值：变量的解构赋值：数组的解构赋值: 对象的解构赋值:\`(和数组解构赋值类似)\`

短命女/ 2022年02月05日 11:13/ 0 赞/ 527 阅读

相关 ES6——解构赋值

原文链接：[小邵教你玩转ES6][ES6] 解构赋值解构赋值主要分为对象的解构和数组的解构，在没有解构赋值的时候，我们赋值是这样的 let arr = [0

迷南。/ 2021年11月04日 21:46/ 0 赞/ 656 阅读

相关 es6 数组解构

1. 用法 [a, b] = [b, a] let [a, b] = [1, 2] // a=1, b=2 l

不念不忘少年蓝@/ 2021年09月18日 21:54/ 0 赞/ 580 阅读

相关 ES6解构赋值

ES6解构赋值一、什么是解构赋值二、语法 1.数组解构 2.对象解构三、注意点一、什么是解构赋值允许从数组中

客官°小女子只卖身不卖艺/ 2021年09月07日 06:10/ 0 赞/ 607 阅读

相关 ES6的解构表达式

一代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="

桃扇骨/ 2021年07月25日 01:00/ 0 赞/ 443 阅读