js多条件判断不同的写法

第一种,if-else

//if-else
let score = 1;
if(score === 1){
	...
} else if(score === 2){
	...
} else if(score === 3){
	...
} else {
	...
}

第二种,switch-case

//switch-case
	let score = 100;
	switch (true){
		case score >= 90 && score <= 100:
			console.log(`恭喜获得了${score}分,你很优秀`);
			break;
		case score >= 70 && score <= 90:
			console.log(`恭喜获得了${score}分,继续加油`);
			break;
		case score >= 60 && score <= 70:
			console.log(`恭喜获得了${score}分,下次好好努力`);
			break;
		default:
			console.log('未及格');
			break;
	}

第三种,对象属性

//对象属性判断
    let score = 2;
    const list = {
        0: '你很优秀',
        1: '继续加油',
        2: '下次好好努力',
    }
    console.log(`${list[score] ? list[score] : '未及格'}`);

你可能感兴趣的:(javascript,前端,vue.js)