ES6解构赋值

简介: 本文介绍了ES6中解构赋值的用法,包括对象和数组的解构,展示了如何从复杂数据结构中提取需要的变量,以及使用重命名和嵌套解构来简化代码。

对象

        let obj = {
   
            name: "zjq",
            age: "18",
            myhabby: {
   
                habby1: '唱歌',
                habby2: "跳舞",
                habby3: "篮球"
            }
        }

        let {
    name, age, myhabby } = obj
        console.log(name, age, myhabby);
        let {
    habby1, habby2, habby3 } = myhabby
        console.log(habby1, habby2, habby3);

在这里插入图片描述
2.

        let obj = {
   
            name: "zjq",
            age: "18",
            myhabby: {
   
                habby1: '唱歌',
                habby2: "跳舞",
                habby3: "篮球"
            }
        }

        let {
    name, age, myhabby:habby } = obj
        let {
    habby1, habby2, habby3 } = habby
        console.log(habby1, habby2, habby3);

在这里插入图片描述
3.

      let obj = {
   
            name: "zjq",
            age: "18",
            myhabby: {
   
                habby1: '唱歌',
                habby2: "跳舞",
                habby3: "篮球"
            }
        }

        let {
    name, age, myhabby: {
    habby1, habby2, habby3 } } = obj
        console.log(name, age, habby1, habby2, habby3);

在这里插入图片描述

数组

      let arr =[111,222,333,{
   name:'zjq'},[1,2,3]]
      let [a,b,c,d]=arr
      console.log('a,b,c,d===', a,b,c,d);

在这里插入图片描述
2.

      let arr =[111,222,333,{
   name:'zjq'},[1,2,3]]
      let [a,...b]=arr
      console.log('b===', b);
      console.log('a...b===', a,...b);

在这里插入图片描述

目录
相关文章
|
6月前
|
JavaScript
ES6之变量的解构赋值
ES6之变量的解构赋值
|
6月前
|
JSON JavaScript 前端开发
ES6 变量的解构赋值
ES6 变量的解构赋值
|
7天前
es6变量声明与解构赋值
ES6的变量声明与解构赋值特性使得代码更加简洁、清晰,提高了开发效率和代码的可读性,在实际开发中被广泛应用。
ES6学习(2)解构赋值
ES6学习(2)解构赋值
|
5月前
|
JSON JavaScript 前端开发
ES6 解构赋值详解
ES6是JavaScript语言的一次重大更新,引入了许多新特性和语法改进,其中解构赋值是一个非常实用和灵活的语法特性。它可以让我们从数组或对象中提取值,并赋给对应的变量,让代码变得更加简洁和易读。本文将深入探讨ES6解构赋值的语法、用法及其在实际开发中的应用。
191 58
ES6 解构赋值详解
|
3月前
es6 的解构赋值
【8月更文挑战第22天】
20 3
|
4月前
ES6 解构赋值【详解】
ES6 解构赋值【详解】
27 0
|
JavaScript 前端开发 网络架构
ES6 解构赋值
ES6 解构赋值
85 0
|
6月前
|
小程序
es6学习笔记(二)解构赋值
es6学习笔记(二)解构赋值
|
11月前
ES6学习(二)—变量的解构赋值
ES6学习(二)—变量的解构赋值