if...else if的另一种实现_if的另一个-优快云博客

本文探讨了在编程中如何优化条件判断结构，包括使用if...else、switch...case、数组includes、状态映射（Map和对象）以及三元运算符。通过实例展示了如何简化代码，提高可读性和效率，特别强调了在不同条件分支下逻辑不同时的处理策略，并提倡合理利用逻辑运算符和减少嵌套深度。

if…else 经常出现在编码中，但是当条件判断比较多的时候，代码可读性就会下降，不同的条件下，代码逻辑也会不一样例如：

if(status === 1) {
	...
} else if(status === 2) {
	...
} else if(status === 3){
...
}

条件分支不是很多的情况下，可以使用if..else if ..else也是可以实现的
也可以使用switch...case也可以实现
一般在采用以下几种方式做：

多种状态下，逻辑相同，可以条件合并。使用includes

if ([1, 2].includes(status)) {
	return x;
}

使用Map 结果来使用条件，这种是做状态映射，拿取值比较方便的话，就还好

const STATUS_MAP = new Map([
	[0, '已取消'],
	[1, '待完成'],
	[2, '已完成'],
])
console.log(STATUS_MAP.get(status))
或者可以映射成对象形式，遍历的时候比较方便
const STATUS_OBJ = {
	key: 0, label: '已取消',
	key: 1, label:  '待完成',
	key: 2, label: '已完成'
}

如果if嵌套深度比较深，可以将条件合并，条件判断完之后，提前return

if (status === 1) {
	if (action === 'view') {
		if (type === 2) {
			return x;
		}
	}
}

上面这种情况可以合并成下面

if (status === 1 && action === 'view' && type === 2) {
	return x;
}

善用 &&和||运算符

三元运算符,适用于，两种情况，不是什么...就是什么..

let res = status === 2 ?  x : y;