react笔记之解构赋值笔记-天翼云

react笔记之解构赋值笔记

2023-03-14 11:21:34 阅读次数：252

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>解构赋值</title>
    <script>

        // let a, b;
        let arr = ['孙悟空', '猪八戒'];

        /*

        a = arr[0];
        b = arr[1];

        */

        // [a, b] = arr;

        // const [a, b] = arr;


        function fn() {
            return ['沙和尚', '唐僧'];
        }

        // const [a, b] = fn();

        arr = ['孙悟空', '猪八戒', '沙和尚', '唐僧'];
        // const [a, b, ,c] = arr; // 可以跳过元素
        // const [a, b, ...c ] = arr; // ...变量，会接收后边所有的元素
        // console.log('a='+a, 'b='+b, 'c='+c);

        const obj = {
            name: '孙悟空',
            age: 18,
            gender: '男'
        };

        let a, b, c;

        // ({name:a, age:b, gender:c} = obj); // 将name赋值给a，age赋值给b，gender赋值给c

        const {name, gender, age} = obj; // 如果变量名和属性名一致，则可以只写一个

        // console.log(a, b, c);
        // console.log(name, age, gender);

        // 利用数组的解构来交换两个变量的位置
        a = 10;
        b = 20;

        [a, b] = [b, a]; // 交换变量a和b的位置

        arr = [1, 3, 2];
        [arr[1], arr[2]] = [arr[2], arr[1]]; // 交换数组中两个元素的位置

        // console.log('a =', a);
        // console.log('b =', b);
        console.log(arr);


    </script>
</head>
<body>

</body>
</html>

活动

应用商城

合作伙伴

开发者

支持与服务

了解天翼云

react笔记之解构赋值笔记

react笔记之解构赋值笔记

相关文章

Java面向对象编程高阶-final关键字的使用

Python基础之运算符

基类指针赋值兼容规则

汇编指令学习（ADD，SUB，MUL，DIV，XADD，INC，DEC，NEG）

exports和module.exports的区别

将一个单向链表拆分成两个java实现

记录一次错误。(此声明没有存储类或类型说明符)

Java学习路线-31：反射与简单Java类

竞赛（变量定义、赋值及转换）

Java千问05：Java语言中为byte和short类型变量赋值为啥会报错？

作者介绍

最新文章

基类指针赋值兼容规则

汇编指令学习（ADD，SUB，MUL，DIV，XADD，INC，DEC，NEG）

exports和module.exports的区别

将一个单向链表拆分成两个java实现

竞赛（变量定义、赋值及转换）

c++primer Plus 6 的课后题（第三章3.6）

热门文章

c++primer Plus 6 的课后题（第三章3.6）

C primer plus 学习笔记 第5章 运算符、表达式和语句

竞赛（变量定义、赋值及转换）

将一个单向链表拆分成两个java实现

exports和module.exports的区别

基类指针赋值兼容规则

热门标签

相关产品

弹性云主机

天翼云电脑（公众版）

对象存储

云硬盘

随机文章

竞赛（变量定义、赋值及转换）

汇编指令学习（ADD，SUB，MUL，DIV，XADD，INC，DEC，NEG）

将一个单向链表拆分成两个java实现

C primer plus 学习笔记 第5章 运算符、表达式和语句

exports和module.exports的区别

基类指针赋值兼容规则

C primer plus 学习笔记第5章运算符、表达式和语句

C primer plus 学习笔记第5章运算符、表达式和语句