嵌套式三元表达式 - 解决 判断中有一个值为 'undefined'

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第8天，点击查看活动详情​

前言

在测试微信小程序全部功能效果时,发现,小程序扫码后跳转到对应的页面、启动某项功能时，一些基本的数据渲染不出来，后来发现是因为 我没有把 路径上的扫码参数 就是点击跳转时没有传参，导致渲染不出来

简单点说

就好比 原先的效果就是 扫码 一个路径后,判断传递的参数是不是自己需要的,是的话就直接携带路径后的参数跳转到对应的A页面,然后在A页面点击按钮 携带参数跳转到B页面,进而渲染B页面的数据,原本这是很简单的,但问题就出现在

携带参数跳转B页面,B页面要使用那个参数发送请求,奈何,之前 C点击页面 跳转到B ,以及 D点击也要跳转到B, 这就导致 B页面 里面的

E: [ A传递的 || C传递的|| D传递的]

重点来了

之前我想的是,我没有通过 A扫码 , C点击传递,那么使用逻辑或,就可以简单的实现这个功能,毕竟之前没有 使用扫码传递A的结果渲染数据时,都使用的是 逻辑或 || ,那时数据渲染一点问题都没有,

但现实却是 报 E:[undefined]

后来我打印后才知道 A,C 即使没有通过 扫码 或 点击 它们都是有值的,不为undefined,为'undefined',所以上面的

E: [ A传递的 || C传递的|| D传递的] 这个就根本实现不了,

后来一位小哥,给我说了使用三元表达式 里面在套一层就实现了

代码实例

var a = undefined

var b = 'undefined'

var c = '6'

let arr = a === undefined ? (b === 'undefined'? c: b) : a

它这意思 应该很容易看懂吧,那我就不需要我分析了

console.log(arr)  打印结果为 6

即使后面我更换 b的值 打印结果还是 6