解构取不到默认值

最新推荐文章于 2023-04-16 15:52:20 发布
最新推荐文章于 2023-04-16 15:52:20 发布
阅读量477 收藏
点赞数 3
分类专栏： es6 文章标签： es6解构 解构默认值 解构null
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Hero_rong/article/details/120989628
版权 
let {week} = data[k] || {}
//data[k]  是个对象,{week:null}，并不是一个值
//week     也是个对象，{week:week}

默认值生效的条件是，对象的属性值严格等于undefined。所以，取不到默认值只有一个情况，那就是后面已经有值了，null 不严格等于 undefined ，所以，如果后面的值是null的话，它就会取null

看一下es6入门官方文档https://es6.ruanyifeng.com/#docs/destructuring 

 

Hero_rong
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
ES6知识点整理之函数数组参数的默认值及其解构应用示例
10-17
主要介绍了ES6知识点整理之函数数组参数的默认值及其解构应用,结合实例形式分析了ES6函数数组参数解构赋值和默认值的设置相关操作技巧,需要的朋友可以参考下
JavaScript对象解构
我总是词不达意的博客
03-01 490
JavaScript对象解构
ES6解构赋值之解构对象 上 :对象解构
qq_39224645的博客
03-09 661
** ES6解构赋值之解构对象 ** 对象解构 　　对象字面量的语法形式是在一个赋值操作符左边放置一个对象字面量 let node = { type: "Identifier", name: "foo" }; let { type, name } = node; console.log(type); // "Identifier" console.log(name); // "fo...
成长笔记：JavaScript 中对象解构时指定默认值
Java-面试
04-19 758
待解构字段为原始值 正常情况下， const obj = { a: 1, b: 2, }; const { a, b } = obj; console.log(a, b); // 1 2 当被解构字段缺失时， const obj = { a: 1, }; const { a, b } = obj; console.log(a, b); // 1 undefined 此时可在解构时使用 = 指定默认值： const obj = { a: 1, }; const { a, b = 2
对象的解构赋值出现的问题,空字符串和undefined的比较
m0_47531829的博客
02-16 1788
今天修改了一下项目的样式，因为样式是自己导师手动封装的，所以传不同的参数，就会有不同的效果，记录一下今天遇到的一个问题 这是有问题的样式 这是原来应该有的样式 这是原来样式的代码 这是组件里面封装的代码，想到传入组件中的参数cType为’‘空字符串，根据es6对象的解构赋值，cType应该是默认的default吧，后来样式出现问题，就下断点调试了一下，发现cType的值是’’，于是有去阮一峰老师的es6博客官网重新看了一下对象解构赋值的默认值，原文是这样写的， 只有与undefined严格相等的时
JavaScript中 对象解构详解
明天也要努力的博客
09-14 6594
默认值name : '明天也要努力' , city : '南京' , job : {post : '前端' } };const {post , level = '初级' } } = user;// 明天也要努力 25 undefined 前端 初级新变量创建一个全新的变量并分配一个使用对象属性值计算的值name : '明天也要努力' , city : '南京' , job : {post : '前端' } };const {
js 函数参数使用解构赋值与默认值相结合
lszyzs的博客
06-30 2293
对于ES6函数的参数解构赋值与默认值相结合，初学很容易迷糊，在网上翻阅一番，并没有详细的讲解， 在此拿一个最普及的例子来详解其中的原理，两种写法都是使用了双重默认值： // 写法一function m1({x = 0, y = 0} = {}) { return [x, y];} // 写法二function m2({x, y} ={ x: 0, y: 0 }) { return [x, y];} 1、// 函数没有参数的情况,参数严格为undefined，参数默认值生效 m1() // [0, 0] m2
对象解构赋值中添加默认值，在原对象字段为null的情况下也会算有值，除非字段的值undefined
寬真
06-18 1548
js解构赋值
m0_66719120的博客
08-03 461
js解构赋值
解构给默认值_解构赋值默认值误区
weixin_30981569的博客
01-14 1247
问题还原这是最近 CR 的时候在业务代码中发现了一个问题，先来看一下问题代码：// data 为接口返回的数据const { bizObject = {}, total = 0 } = data.result || {};const list = bizObject.list || [];// 其他逻辑，比如把 list 更新到 state 中，等等A 接口正常的情况：data 中有 result...
ES6知识点整理之函数对象参数默认值及其解构应用示例
10-17
主要介绍了ES6知识点整理之函数对象参数默认值及其解构应用,结合实例形式分析了ES6函数对象参数相关使用技巧,需要的朋友可以参考下
js代码-ES6 函数的扩展 -函数参数的默认值 -与解构赋值默认值结合使用
07-16
js代码-ES6 函数的扩展 -函数参数的默认值 -与解构赋值默认值结合使用
ES6解构赋值实例详解
08-28
主要介绍了ES6解构赋值,结合实例形式较为详细的分析了ES6结构赋值的基本概念、原理与使用方法,需要的朋友可以参考下
JavaScript运算符（解构赋值）
weixin_52629158的博客
04-16 242
上面的语句都会报错，因为等号右边的值，要么转为对象以后不具备 Iterator 接口（前五个表达式），要么本身就不具备 Iterator 接口（最后一个表达式）。不完全解构，有2种情况，1种是解构的时候变量中出现undefined。在数组的解构中，解构的目标若为可遍历对象，皆可进行解构赋值。另一种情况是不完全解构，即等号左边的模式，只匹配一部分的等号右边的数组。如果默认值是一个表达式，那么这个表达式是惰性求值的，即只有在用到的时候，才会求值。上面代码表示，可以从数组中提取值，按照对应位置，对变量赋值。
reactive创建的响应式对象解构后为什么会失去响应式
weixin_43848130的博客
03-21 8831
自从专注于React之后，已经有段时间没有用过Vue了，因此最近在学习Vue3.0，Vue的更新机制与React的更新机制是不同的，React的更新机制说的简单点就是根据场景调用不同方法触发状态更新，从而再次进行渲染，而对于Vue的话，我认为是在发生的数据更新时，根据情况进行渲染的。说的专业点就是Vue拥有一个响应式系统，可以让它在数据更新的时候自动进行视图的更新。在Vue3.0中，可以使用reactive声明响应式状态 ，官方例子： import { reactive } from 'vue' // 响
ES6新特性---数组、对象解构
吾将上下而求索
06-04 710
数组解构 解构是ES2015提供的一直从数组或者对象中获取元素的快速方式。 例如有一个数组，以往需要通过索引去访问对应的值并且赋值给新的变量，现在则可以通过数组解构的方式获得值。 获取特定位置的元素，需要将非该位置的元素处以逗号分隔，如图： 如果要获得除了某一个元素外剩下的所有元素，可用 … 表示，注意 … 只能用于最后一个元素。 当用来接收对象的变量名过少时，会按顺序分配，没有的则不分配。变量名过多是，无值可分配的，会显示undefined，当然也可以通过等号的方式给这种变量加上一个默认值。 对象
解构赋值中的值为null无法设置默认值
寬真
02-16 3016
后端返回值中 etlAccessAlarmVos：null， 我用解构赋值的方式const{accessTableVos=[],etlAccessAlarmVos=[]}=values，然后在下面获取到的etlAccessAlarmVos竟然也为空 ...
ES6解构赋值
LILEILEILOVE的博客
06-23 483
1.数组的解构赋值 ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。 ES5之前，为变量赋值，只能直接指定值。 let a=1; let b = 2; let c = 3; console.log(a); console.log(b); console.log©; ES6中可以这样赋值： let [a,b,c] = [1,2,3]; console.log(a); console.log(b); console.log©; 上面代码，可以从数组中取值，按照对象位置，对变量赋值。本
es6 删除数组指定元素
热门推荐
Hero_rong的博客
12-14 4万+
arr.splice(arr.findIndex(item => item.id === id), 1) //item 只是参数可以写成 i 或者 v 都可以 ， //后面的额id是数组的id，是不能随便写的，如果你数组里面写的是id，这里就写id，如果数组里面写的是num，那这里就写num ， //=== 后面的id是你想要删除的元素的id号，同理，如果你数组里面写的是num，那这里...
tableau 数据源取strcut解构
最新发布
08-06
Tableau 是一款常用的商业智能工具，可以用于数据可视化和分析。在 Tableau 中，数据源有很多种类型和格式，包括数据库、Excel 表格、文本文件等。对于一些复杂的数据结构，例如嵌套的 JSON 或 XML 数据，Tableau 提供了一种取 strcut 解构的方法来处理。 取 strcut 解构是指将嵌套的数据结构转换成扁平化的表格形式，以便于在 Tableau 中进行分析和可视化。这种方法可以将嵌套的数据结构中的每一个字段拆分成一个独立的列，并将对应的值填充进去。这样一来，就可以通过简单的行列操作和计算来展示和分析这些数据。 在 Tableau 中进行取 strcut 解构的步骤如下： 1. 导入数据源：在 Tableau 中打开新的工作簿，选择所需的数据源，并将其导入到 Tableau 中。 2. 理解数据结构：了解数据源中的嵌套结构，确定需要解构的字段及其层级关系。 3. 解构数据：在 Tableau 的数据准备界面，选择需要解构的字段，点击右键并选择"解构"选项。 4. 配置解构选项：在解构选项中，可以指定解构后的新列的名称和数据类型，并选择是否删除原始的嵌套字段。 5. 应用更改：点击"应用"按钮，Tableau 将根据所选的解构选项解析嵌套的数据结构，并将其转换为扁平化的表格形式。 通过取 strcut 解构，可以使复杂的嵌套数据结构更具可分析性，便于在 Tableau 中进行数据的探索和可视化。这种方法可以减少数据处理的复杂性，提高数据分析的效率和准确性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值