首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

解构赋值的作用_数组解构赋值

文章目录 概念 数组解构 声明分别赋值 解构默认值 交换变量值 解构函数返回的数组 忽略返回值(或跳过某一项) 赋值数组剩余值给一个变量 嵌套数组解构 字符串解构 对象解构 基础对象解构...赋值给新变量名 解构默认值 赋值给新对象名的同时提供默认值 同时使用数组和对象解构 不完全解构 赋值剩余值给一个对象 嵌套对象解构(可忽略解构) 注意事项 小心使用已声明变量进行解构 函数参数的解构赋值...let [a, b, c] = [1, 2, 3]; // a = 1 // b = 2 // c = 3 声明分别赋值 你可以通过变量声明分别解构赋值 示例:声明变量,分别赋值 // 声明变量 let...console.log(hex, red, green, blue); // #FF00FF 255 0 255 字符串解构 在数组解构中,解构的目标若为可遍历对象,皆可进行解构赋值,可遍历对象即实现Iterator...,就可以正确执行了 函数参数的解构赋值 函数的参数也可以使用解构赋值 function add([x, y]) { return x + y; } add([1, 2]); 上面代码中,函数

3.8K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    解构赋值

    解构赋值(★★★) ES6中允许从数组中提取值,按照对应位置,对变量赋值,对象也可以实现解构 数组解构 let [a, b, c] = [1, 2, 3]; console.log(a)//1 console.log...(b)//2 console.log(c)//3 //如果解构不成功,变量的值为undefined 对象解构 let person = { name: 'zhangsan', age: 20 };...person; // myName myAge 属于别名 console.log(myName); // 'zhangsan' console.log(myAge); // 20 ​ 小结 解构赋值就是把数据结构分解...,然后给变量进行赋值 如果结构不成功,变量跟数值个数不匹配的时候,变量的值为undefined 数组解构用中括号包裹,多个变量用逗号隔开,对象解构用花括号包裹,多个变量用逗号隔开 利用解构赋值能够让我们方便的去取对象中的属性跟方法

    1.1K20

    变量的解构赋值

    变量的解构赋值.png 变量的解构赋值 数组的解构赋值 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构 本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值...,都可以采用数组形式的解构赋值 解构赋值允许指定默认值 只有当一个数组成员严格等于undefined,默认值才会生效 默认值是一个表达式,那么这个表达式是惰性求值的,即只有在用到的时候,才会求值 对象的解构赋值...对象的属性没有次序,变量必须与属性同名,才能取到正确的值 对象的解构赋值的内部机制,是先找到同名属性,然后再赋给对应的变量 真正被赋值的是后者不是前者 与数组一样,解构也可以用于嵌套结构的对象 对象的解构也可以指定默认值...,因此可以对数组进行对象属性的解构 字符串的解构赋值 字符串被转换成了一个类似数组的对象 类似数组的对象都有一个length属性,因此还可以对这个属性解构赋值 数值和布尔值的解构赋值 解构赋值时,如果等号右边是数值和布尔值...,则会先转为对象 解构赋值的规则是,只要等号右边的值不是对象或数组,就先将其转为对象 由于undefined和null无法转为对象,所以对它们进行解构赋值,都会报错 函数参数的解构赋值 undefined

    1.9K20

    ECMAScript6 解构赋值

    图片 在 ES6 中,关于解构的含义为:允许按照一定模式,从数组和对象中提取值,对变量进行赋值,而数组、对象和字符串,都能通过这种方式进行赋值 数组的解构赋值 以往我们想要把数组的值分别赋给变量,都是通过下面这种方式...a = arr[0], b = arr[1], c = arr[2]; console.log(a); console.log(b); console.log(c); 而通过解构赋值...; 接下来通过几段简单的代码,来加深大家对数组的解构赋值的理解 不完全解构 嵌套 设置默认值 默认值可以被覆盖,但需要注意的是,当新的值为undefined的时候,是不会覆盖默认值的 对象的解构赋值 对象的解构赋值跟数组的解构赋值类似...,才能成功赋值 嵌套 设置默认值 除了数组跟对象可以使用解构赋值之外,字符串也同样可以使用解构赋值 解构赋值的常见用途 交换变量的值,传统的方式如下: var x = 1, y = 2,...z = x; x = y; y = z; console.log(x); console.log(y); 函数返回的多个值 定义函数参数,通过解构赋值的方式,我们能很轻松的提取 JSON 对象中想要的参数

    41740

    深入了解 JavaScript 解构赋值

    目录 解构赋值的基本概念 数组解构赋值 对象解构赋值 解构赋值的高级用法 默认值 嵌套解构 设置别名 剩余元素 解构赋值在实际开发中的应用 函数参数解构 交换变量值 提取对象中的部分属性 处理函数返回的多个值...本文将深入探讨解构赋值的原理、使用场景及其在实际开发中的应用。当你彻底掌握解构赋值后,你可以书写更少的代码,轻松完成赋值操作。 解构赋值的基本概念 我们先来看看解构赋值的基本概念吧。...解构赋值是一种表达式,可以从数组或对象中提取数据,然后将这些数据赋值给变量。它分为数组解构和对象解构两种形式,下面是两种不同的赋值形式。...数组解构赋值 数组解构赋值允许我们使用简洁的语法从数组中提取值并赋给变量。...对象解构赋值 对象解构赋值则是从对象中提取属性值并赋给变量。

    15730
    领券