js?.问号点(可选链)操作符【?.】【??】

最新推荐文章于 2024-07-23 13:08:31 发布
最新推荐文章于 2024-07-23 13:08:31 发布
阅读量1.7w 收藏 30
点赞数 14
分类专栏： js 文章标签： javascript 可选链 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/laishaojiang/article/details/106055923
版权

发现一个好玩又好用的东西~

相信大家应该都写过类似的代码：

let arr = res && res.data && res.data.list

是不是非常不美观，今天介绍的新语法就是为了解决这种问题的

可选链操作符?.

来，用新语法再写一次

let arr = res?.data?.list

是不是很简洁了。

还有，要是想设置默认值怎么办

以前我们是这么写的

let arr = res && res.data || []

现在可以这样

 

let arr = res?.res?.data ?? []

这个??的意思是当左边的值为null或undefined的时候 就取??右边的值 。 

哈哈哈 是不是很好玩~

laishaojiang
关注
  • 14
    点赞
  • 踩
  • 30
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
【JS】问号点和双问号的用法
weixin_64974855的博客
05-22 804
【JS】问号点和双问号的用法
node.js中的querystring.parse方法使用说明
10-25
- `options`：可选，一个包含额外选项的对象，如`maxKeys`，限制返回对象的键的最大数量，默认为1000。 **接收参数** - `str`：这是要解析的字符串，通常是从URL中提取的查询部分。 - `sep`：你可以自定义分隔键值...
Javascript ?.(问号点取)可选链语法
u800820的专栏
07-28 2336
可选链语法 object?.attr获取object属性attr前先判断object是否存在，在object后面加上?，这是JavaScript的可选链语法。 let object = { attr: value } let value = object?.attr 可选链语句在编译时会被解析为： object === null || object === void 0 ? void 0 : object.attr 这句代码的意思是，如果object恒等于null或者undefined时，取值为und
JavaScript 中问号的三种用法 ??和?.以及?: 您知道吗？
liwenxiang629的博客
04-06 7003
最近看了一些关于JavaScript的测试脚本，觉得JS 中问号的用法还是蛮有意思的，于是做了一下总结，在这里分享给大家！JS中的问号大概有三种用法，分别是：空值合并操作符、可选链操作符和三目运算。
js中的“?“/“??“以及“||“的详解（值得收藏）
最新发布
weixin_47389477的博客
07-23 170
在JavaScript中，问号（?）通常用于三元运算符，而两个问号（??）则是空值合并运算符，用于在左侧操作数为null或undefined时，返回右侧的操作数。1、?. （可选链运算符）如何在obj.b?.d会是怎样的呢？结论：当对象中的一个属性是undefined的时候，再想从这个属性身上读取属性时需要使用”?2、??（空值合并运算符)当一个数据时null或者undefined时，使用”??“，获取的是后面的值,如果??前面的值是别的，就获取??
可选链操作符.?
qq_45237335的博客
11-11 532
可选链操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined。 当尝试访问可能不存在的对象属性时，可选链操作符将会使表达式更短、更简明。在探索一个对象的内容时，如果不能确定哪些属性必定存在，可选链操作符也是很有
【JS】问号点（?.）和双问号（??）的用法
qq_45677671的博客
08-04 7782
文章目录问号点（?.）双问号（??）如何使用 问号点（?.） 参考文档：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining 当访问多层对象属性(比如 res.data.list)时，如果属性res.data为空，则会报引用错误 为此我们不得不这么处理： let dataList = res && res.data && res.data.li
js问号点(可选链操作符) ?.、零合并操作符 ??
Hy_0452的博客
01-28 741
可选链操作符 ?. 一般我们在项目中要获取某个对象里的属性，或者更加深属性层次的操作就得做前置校验，不然如果中间某个属性不存在就会报错 const obj ={ name:'JSON', age:55, children:{ name:'TOM', age:12, }, cars:{ } } const name = obj && obj.children && obj.children.nam
js中 问号点 (?.)-可选链操作符 和 双问号 (??) -空值合并运算符的用法 & 解构赋值：{data：{name:‘名称‘}}
weixin_44867717的博客
10-22 2251
js中 问号点 (?.)-可选链操作符 和 双问号 (??) -空值合并运算符的用法 & 解构赋值：{data：{name:‘名称’}} 1、问号点 （?.）-可选链操作符 可选链操作符( ?. ) 允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。 ?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空 (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用一起使用时，如果给定的函数不存在，则返回
JavaScript_正则表达式语法.doc
09-16
在JavaScript中，正则表达式通常表示为`/pattern/flags`的形式，其中`pattern`是正则表达式的模式字符串，`flags`是可选的标志字符串。 #### 三、元字符及其功能 接下来详细介绍正则表达式中常见的元字符及其作用：...
js获取url参数代码实例分享(JS操作URL)
10-26
它接受一个可选的URL字符串作为参数，初始化对象的href属性（存储URL的前缀部分）、params属性（存储参数对象）和jing属性（存储URL的锚点部分）。然后调用`init()`方法解析URL。 - `objURL.prototype.init = ...
js+html5操作sqlite数据库的方法
10-22
`openDatabase`函数用于创建或打开一个数据库，它接受四个参数：数据库名称、版本号、描述、初始大小（以字节为单位）和一个可选的升级处理程序。例如： ```javascript var db = openDatabase('dbname', '1.0.0', '...
正则表达式：文本处理的强大工具.pdf
06-22
）**：表示前面的元素是可选的，即可以出现零次或一次。 - **方括号（[]）**：表示匹配方括号内的任意单个字符。 - **脱字符（^）**：通常用于否定匹配，表示不匹配方括号内的字符；当位于字符串开头时，则表示...
es6 可选链操作符
weixin_42448623的博客
08-14 1270
?. 在应对对象类型参数的时候 function main(config){ const dbHost = config && config.db && config.db.host console.log(dbHost) } main({ db:{ host:"192.168.0.xx", name:"root" } }) // dbHost "192.168.0.xx" 这样一层层判断会比较繁琐 使用 可
ES6+ 可选链操作符
很酷的站长的博客
01-02 471
上面的代码中，obj 是一个对象，在获取 obj 对象的属性 a 时，属性 a 没有被定义所以返回 undefined，第 3 行获取 obj 对象 a 下的 b，由于 obj 上没有 a 属性，再获取 a 上的 b 属性就会报错。一般这样的情况，在程序中需要做前置验证，大部分情况会借助&&来完成。上面的代码中第 2 行首先会判断obj.a的值，如果不为空则继续执行obj.a.b否则返回undefined。
js问号点的作用（？.）和问号问号（？？）的用法
热门推荐
qq_44943717的博客
11-21 5万+
js问号点的作用？.和？？的用法**第一个：问号点 （?.）****第二个：问号问号 （?？）** 第一个：问号点 （?.） 来先看一段js const obj = { hh:"xxx" } let res = obj?.data?.list 这个是什么操作呢？？ 这个data是哪里来的呢？这个list又是哪里来的呢？就算不是外面的obj这个对象里也没有data和list啊！！！经过询问大佬后得☞ let res = obj?.data?.list <=等价=> let
js中的 可选链操作符、空值合并操作符、空值赋值运算符、非空断言操作符
qq_44376306的博客
02-22 2700
1.可选链操作符( ?.) const adventurer = { name: 'Alice', cat: { name: 'Dinah' } }; const dogName = adventurer.dog?.name; console.log(dogName); // expected output: undefined console.log(adventurer.someNonExistentMethod?.()); // expected output: undef.
js中 “问号问号” 与 “问号点” 的意思
zhengzhongz的博客
03-18 412
js中??和?.的意思 - .why - 博客园
js中问号点的作用（？.）和问号问号（？？）（？？=）的用法
weixin_46125684的博客
11-29 2219
js中问号点的作用（？.）和问号问号（？？）的用法
js 可选链操作符
05-25
JavaScript 的可选链操作符（Optional Chaining Operator）是一种新的语言特性，它可以让我们在访问对象的属性或方法时，不必担心访问的对象是否为 null 或 undefined。这个操作符是一个问号（?）和一个点号（.）组成的。它的语法形式如下： ``` obj?.prop // 访问 obj.prop，如果 obj 为 null 或 undefined，则返回 undefined obj?.[expr] // 访问 obj[expr]，如果 obj 为 null 或 undefined，则返回 undefined arr?.[index] // 访问 arr[index]，如果 arr 为 null 或 undefined，则返回 undefined func?.(args) // 调用 func(args)，如果 func 为 null 或 undefined，则返回 undefined ``` 下面是一个例子： ``` const user = { name: 'Alice', address: { city: 'Shanghai', street: 'Nanjing Road' } }; console.log(user?.address?.city); // 'Shanghai' const user2 = null; console.log(user2?.address?.city); // undefined ``` 在上面的例子中，我们使用可选链操作符来访问 user 对象的 address 对象的 city 属性。即使 user 对象为 null 或 undefined，也不会抛出异常，而是返回 undefined。 需要注意的是，可选链操作符是 ES2020（也称为 ES11）引入的新特性，因此在一些老的浏览器和 Node.js 版本中可能不支持。如果要使用可选链操作符，需要确保你的运行环境支持它。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值