ES6的解构表达式

桃扇骨 2021-07-25 01:00 360阅读 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 条评论，360人围观）

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

相关阅读

相关 es6解构赋值

一、定义 ES6允许按照一定的模式，从数组和对象中提取值，对变量进行赋值，被称为解构二、详情讲解 1、数组解构：数组解构时数组的元素是按次序排列的，变量的取

浅浅的花香味﹌/ 2022年11月06日 14:58/ 0 赞/ 254 阅读

相关 ES6解构赋值

ES6 解构赋值概述解构赋值是对赋值运算符的扩展。他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。在代码书写上简洁且易读，语义更加清晰明

迷南。/ 2022年11月01日 15:50/ 0 赞/ 268 阅读

相关 ES6～解构赋值

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

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

相关 ES6解构赋值

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

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

相关 es6 解构赋值

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

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

相关 es6解构赋值

解构赋值如对象解构 // es6 const electron = require('electron') const { app, Br

Myth丶恋晨/ 2021年12月23日 16:33/ 0 赞/ 380 阅读

相关 ES6——解构赋值

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

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

相关 es6 数组解构

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

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

相关 ES6解构赋值

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

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

相关 ES6的解构表达式

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

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