记录治疗后端返回值多层嵌套key值不存在导致的前端取不到key的错误（可选链操作符）

最新推荐文章于 2024-06-06 15:31:23 发布
最新推荐文章于 2024-06-06 15:31:23 发布
阅读量317 收藏
点赞数
分类专栏： javaScript 文章标签： 前端 后端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42811845/article/details/123210908
版权

js可选链操作符 ？

let obj = {school： '初级前端学校', grade: {one: {total: '182个'}, two: {total: '120'}}}
// 当不确定grade是否存在时 
console.log(obj.grade?.one.total) // 这么写不会报错，再也不会 XXX undefined了
// 当不确定 grade 是否存在 而且里面的对象也不知道是否存在时
console.log(obj.grade?.three?.total) // 再也不会 Cannot read properties of undefined 

// JS语句与vue模板语法再也不用 obj&&obj.grade&&obj.one&&obj.one.total
安静的小学生
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js对象取属性值，打印这个对象可以看到这个属性，但是遍历该对象时获取不到key和value
weixin_43747076的博客
05-06 3850
代码： var layers = map.getLayers().a; console.log('layers',layers) for(var i= 1;i<layers.length;i++){ var s = layers[i].getSource().l console.log('source.l',s) for(let key in s){ ...
js 简单实现可选链操作符
05-26
可选链操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(nullish ) (null 或者 undefined) 的情况下不会...
vue2.0 使用可选链操作符
weixin_40466351的博客
07-16 5231
vue2.0 使用可选链操作符
可选链操作符
最新发布
ioncannontic的博客
06-06 256
可选链操作符需要升级vue版本到2.7以上
【vue】ES6+ 可选链操作符
michiko98的博客
05-17 504
在ES5上面的代码中，obj 是一个对象，在获取 obj 对象的属性 a 时，属性 a 没有被定义所以返回 undefined，第 3 行获取 obj 对象 a 下的 b，由于 obj 上没有 a 属性，再获取 a 上的 b 属性就会报错。一般这样的情况，在程序中需要做前置验证，大部分情况会借助&&来完成。上面的代码中第 2 行首先会判断obj.a的值，如果不为空则继续执行obj.a.b否则返回undefined。
Vue项目中支持可选链（链判断运算符）操作
在路上`的博客
03-29 2011
【代码】Vue项目中支持可选链（链判断运算符）操作。
解决ajax请求后台,有时收不到返回值的问题
10-18
然而，Ajax请求有时会出现收不到后台返回值的情况，这可能是由于异步处理机制导致的问题。本文将深入探讨如何解决这一问题。 首先，我们需要理解Ajax请求中的`async`属性。在jQuery的`$.ajax()`方法中，`async`默认...
C# WebApi 接口返回值不困惑：返回值类型详解
12-31
作为程序猿，我们都知道参数和返回值是编程领域不可分割的两大块，此前分享了下WebApi的传参机制，今天再来看看WebApi里面另一个重要而又基础的知识点：返回值。还是那句话：本篇针对初初使用WebApi的同学们，比较...
python中return不返回值的问题解析
09-16
在本篇文章里小编给各位分享的是一篇关于python中return不返回值的问题解析，需要的朋友们可以学习下。
后台返回没有key的值，前端转化成数组对象
L_C_sunny的博客
08-05 349
var strs = new Array(); //定义一数组 strs = this.tableDataCue.split("</br>"); //字符分割DF let list = [] for(let i of strs) { // console.log(i.split(',')[0]) list.push({title: i.split(',')[0],tmscuename...
Vue中使用optionalChaining——可选链（包括在js和template中使用）
m0_48334955的博客
07-26 1002
在Vue项目中适合在js和template中使用可选链提升我们编码的可读性与效率。，如果我们想要实现可选链操作符类似的效果，需要绕一个弯，具体代码如下）3. 在template中使用（目前Vue默认是。对于深层对象结构，判断过于繁琐，如图。可选链操作符是一个新的js。有没有简单的办法呢？
后端对象属性返回到前端缺失
janet1100的博客
11-13 3474
今天突然遇到一个神奇的问题，后端返回到前端的属性，竟然缺失了，在后端返回到前端时，打印数据，属性值还在，但是返回到前端查看，就是没有，这神奇了。 查了许久，发现实体中 return 属性的方法名是isApplyName(), 将它改为getApplyName(), 再次运行server，前端可看到此属性。 private Byte applyName； public Byte isApplyName() { return applyName; } public void setA
【vue】可选链运算符(?.)和空值合并运算符(??):
SunPeng的博客
06-25 704
【vue】可选链运算符(?.)和空值合并运算符(??):
Vue2 中 ?. 可选链式调用操作符出现的问题
X_Promise的博客
06-29 5188
可选链操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined。链接： 可选链式操作符地址 下面举例示例代码如下： 二、在vue2中遇到的问题以及解决方案 当我们在vue2中使用的时候，你会发现在Vue2环境
vue2中template里使用可选链操作符( ?. )报错解决方案
qq_44741577的博客
04-30 812
版本，同时 node 版本升级到。不支持可选链操作符，升级。
那后端返回值如何传给前端ajax
06-10
前端可以通过使用XMLHttpRequest或Fetch API与后端进行交互，从而获取后端返回的值。具体地，当收到后端的响应时，可以通过回调函数或Promise对象来处理响应数据，然后将其传递给前端的页面进行展示。在使用Ajax时，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值