ES6-可选链式操作符（?.）

最新推荐文章于 2024-03-30 10:00:00 发布
最新推荐文章于 2024-03-30 10:00:00 发布
阅读量336 收藏
点赞数 1
分类专栏： JS 文章标签： 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46479909/article/details/137116778
版权

可以判断操作符之前属性是否有效，从而链式读取对象的属性或返回 undefined,如果它的上一层是undifiend，则不会去取它的点下面的东西

想获取obj.first.second，但是obj.first为null或undefined的情况下，这个字段就会报错

那么想容错率更高的话，可以使用obj.first?.second，obj.first不为null或undefined的情况下，能成功获取到second，否则返回空值不报错

 

小沐°
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
stage-2-es6-for-everyone
05-27
管道操作符（`|>`）是Stage 2的一个重要提案，它允许我们将一个表达式的结果传递给另一个函数，简化了链式调用。例如，`value |> f1 |> f2` 相当于 `f2(f1(value))`，使代码更加清晰易读。 2. **Record & Tuple ...
ES6 你是懂了，可你真的会用了吗？
m0_60707538的博客
03-18 930
还有涉及到数组的扁平化处理，为啥不用ES6提供的 flat 方法呢，还好这次的数组的深度最多只到2维，还要是遇到4维、5维深度的数组，是不是得循环嵌套循环来扁平化?可是，你可曾知道 ${} 里面可以做的操作不止于此，在 ${} 中可以放入任意的JavaScript表达式，可以进行运算，以及引用对象属性。一个部门JSON数据中，属性名是部门id，属性值是个部门成员id数组集合，现在要把有部门的成员id都提取到一个数组集合中。以上方式可以实现，却不是最好的，因为即使过滤出满足条件的项，依旧遍历完数组全部的项。
es6中的（?. 、??）语法
茂茂的博客
12-05 5014
es6中的（?. 、??）语法
ES6+ 可选链操作符
很酷的站长的博客
01-02 466
上面的代码中，obj 是一个对象，在获取 obj 对象的属性 a 时，属性 a 没有被定义所以返回 undefined，第 3 行获取 obj 对象 a 下的 b，由于 obj 上没有 a 属性，再获取 a 上的 b 属性就会报错。一般这样的情况，在程序中需要做前置验证，大部分情况会借助&&来完成。上面的代码中第 2 行首先会判断obj.a的值，如果不为空则继续执行obj.a.b否则返回undefined。
Es6新特性 --- 别人不知道的 可选链式操作符
m0_71835253的博客
07-09 624
可选链式操作符
ES6链判断运算符(?.)的正确打开方式
Amelian的博客
08-08 1037
在实际应用中，如果读取对象内部 的某个属性，往往需要判断一下，属性的上层对象是否存在。上面的代码中，iterator.return如果有定义，就会调用该方法，否则iterator.return直接返回undefined，不再执行?上面代码中，字符串match()方法，如果没有发现匹配会返回null，如果发现匹配会返回一个数组，?上面的例子，firstName属性在对象的第四层，所以需要判断四次，每一层是否有值。，如果是的，就不再往下运算，而是返回undefined。运算符，直接在链式调用的时候判断，
es6的可选链运算符你知道吗
chenhongcancan的博客
07-07 178
可选链操作符
在JavaScript中如何访问暂未存在的嵌套对象
10-16
ES6引入了可选链操作符，它允许你安全地访问可能不存在的嵌套属性，而不会抛出错误： ```javascript const name = user?.personalInfo?.name; const city = user?.personalInfo?.addresses?[0]?.city; ``` 可...
15.typescript.rar
08-24
2. 可选链操作符（?.）：该操作符允许安全地访问深度嵌套的对象属性，如果中间的属性为null或undefined，则整个链式操作返回undefined，防止运行时错误。 3. never类型：表示永不返回的函数或抛出异常的情况。它...
ykzts.com：Yamagishi Kazutoshi的网站！
02-28
3. **可选链式操作符（?.）**：用于安全地访问深度嵌套的对象属性，如果中间路径为null或undefined，则不会抛出错误。 4. **Narrowing（类型缩小）**：类型保护允许在运行时检查对象的类型，确保只有预期类型的值能...
5-sp
03-06
- 可选链：?.操作符用于安全地访问深层属性，即使中间值为null或undefined。 **8. 性能优化** - 代码压缩与混淆：减少文件大小，提高加载速度。 - 异步加载：按需加载非关键资源。 - 优化DOM操作：减少不必要的...
es6链判断运算符（?.）与 空值合并运算符（??）用法详解
weixin_57074688的博客
01-10 713
es6链判断运算符（?.）与 空值合并运算符（??）
ES6中js的运算符（?.、?:、? ?、? ?=、）
最新发布
m1011815213的博客
03-30 537
又叫条件运算符，接受三个运算数：条件?条件为真时要执行的表达式 : 条件为假时要执行的表达式。逻辑或操作符会在左侧操作数为假值时返回右侧操作数。如果左边的值为null或undefined 返回其。判断条件 如果当前条件满足 返回？空值合并操作符（?个人认为 这个运算符是奇葩运算符 用不到。如果为假false 返回：后面的 two。null或undefined 就返回。逻辑空赋值运算符 (x?如果给定的函数或者值不存在，则返回。
ES6——可选链（链判断运算符 ）and 空值合并操作符（??）
weixin_43551242的博客
10-28 540
?.
ES6操作符( ?? )
mfxcyh的博客
09-29 2559
ES6操作符
ES6 可选链 操作符
czx3387170的博客
12-03 1106
一、 ?. 可选链操作符（?.）允许读取位于连接对象链深处的属性值,而不必明确验证链中的每个引用是否有效。 let nestedProp = obj.first && obj.first.second; // 等价于 let nestedProp = obj.first?.second; js会在尝试访问obj.first.second之前隐式的检查并确定obj.first既不是null也不是undefined。如果obj.first是null或者undefined,表达式将会短路计
javascript: ES6中的可选链操作符，空值合并运算符等
mosowe
10-08 538
文章目录获取object所有键的值：ES6中的可选链操作符: ?ES6中新出的空值合并运算符: ??Promise并发请求 获取object所有键的值： let obj = { a:1, b:2, c:3 } Object.values(obj) //[1, 2, 3] ES6中的可选链操作符: ? // es5 const name = obj && obj.name; // es6 const name = obj?.name; // obj是已经声明过的 E
总结一下强大的ES6符号
qq_44732593的博客
05-28 525
总结一下强大的ES6符号 空值合并运算符 ‘??’ 第一个参数不是 null/undefined，则 ?? 返回第一个参数。否则，返回第二个参数。 result = a ?? b，可以理解为这样： result = (a !== null && a !== undefined) ? a : b; 可选链 “?.” 可选链 ?. 是一种访问嵌套对象属性的安全的方式。即使中间的属性不存在，也不会出现错误。 let user = {}; // 一个没有 "name" 属性的 user 对象 a
es6-promise.auto.js
09-04
es6-promise.auto.js是一个JS库，用于自动检测和加载ES6 Promise的polyfill。它的作用是在不支持ES6 Promise的浏览器中自动加载相应的polyfill，以确保代码的兼容性。这个库通过检测浏览器是否原生支持Promise来确定...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值