【经验】用矩阵表示if else逻辑

版权声明：原创 https://blog.csdn.net/hangvane123/article/details/84946252

考虑如下情景：
我要显示一个表单，其中表单有n种状态，表单需要显示m个按钮，现在需要根据表单的状态设置按钮的enabled…
一般的方式可能是：

if(form.status == 1){
	setEnabled('button1');
	setEnabled('button2');
	setEnabled('button4');
	setEnabled('button5');
	setEnabled('button7');
}else if(form.status == 2){
	setEnabled('button2');
	setEnabled('button4');
	setEnabled('button6');
}else if(form.status == 3){
	setEnabled('button5');
}else if(form.status == 4){
	setEnabled('button2');
	setEnabled('button4');
	setEnabled('button6');
}
.....

或者用switch：

switch(form.status){
	case 1:
		setEnabled('button1');
		setEnabled('button2');
		setEnabled('button4');
		setEnabled('button5');
		setEnabled('button7');
		break;
	case 2:
		setEnabled('button2');
		setEnabled('button4');
		setEnabled('button6');
		break;
	case 3:
		setEnabled('button5');
		break;
	case 4:
		setEnabled('button2');
		setEnabled('button4');
		setEnabled('button6');
		break;
		......
}

无论哪种实现，都需要写大量的代码，看起来很累，需要改的时候也很麻烦。

这里提供一种方式，使用矩阵的方式，来实现这种大量且规整的if else逻辑。

var btnStatus = new Object();
btnStatus['button1'] = [0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0];
btnStatus['button2'] = [0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0];
btnStatus['button3'] = [1, 1, 1, 1, 0, 0, 0, 0, 1, 0, 1, 0];
btnStatus['button4'] = [0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0];
for(var i in btnStatus) {
	if(btnStatus[i][form.status] == 1) {
		setEnabled(i);
	}
}

只用短短几行，就用矩阵浓缩了所有代码逻辑。其中status在这里是从0开始的取值，如果status不是从0开始的，或者不是整数，只需对代码稍作修改也可以使用。

而且不限于JavaScript语言，Java等其他语言也可以利用这种思路解决大量且规整的if else逻辑。