javascript - 如何在我的 js 代码中使用简写 if else 语句

Question

我创建了以下 if else 语句，但是 if else 语句太多了。我想学习如何速记？

if(REL == 'Like'){
   $('#Like' + dataid).attr('rel', 'NotLike');
} else if(REL == 'Love') {
   $('#Love' + dataid).attr('rel', 'NotLove');
} else if(REL == 'Unbelievable'){
   $('#Unbelievable' + dataid).attr('rel', 'NotUnbelievable');
} else if(REL == 'Spectacular'){
   $('#Spectacular' + dataid).attr('rel', 'NotSpectacular');
} else if(REL == 'Emotional'){
   $('#Emotional' + dataid).attr('rel', 'NotEmotional');
}

Answer 1

只需检查变量即可。

if (['Like', 'Love', 'Unbelievable', 'Spectacular', 'Emotional'].indexOf(REL) !== -1) {
    $('#' + REL + dataid).attr('rel', 'Not' + REL);
}

对于基于以'Not'开头的字符串的触发器，你可以使用这个

var temp = REL,
    not = 'Not';

if (REL.substring(0, 3) === 'Not') {
    temp = REL.substring(3);
    not = '';
}
if (['Like', 'Love', 'Unbelievable', 'Spectacular', 'Emotional'].indexOf(temp) !== -1) {
    $('#' + REL + dataid).attr('rel', not + temp);
}

带状态保护器的提案

var lastState = '';

function change(state) {
    var temp = state,
        not = 'Not';
    if (state.substring(0, 3) === 'Not') {
        temp = state.substring(3);
        not = '';
    }
    if (['Like', 'Love', 'Unbelievable', 'Spectacular', 'Emotional'].indexOf(temp) !== -1) {
        $('#' + temp + dataid).attr('rel', not + temp);
    }
    return not + temp;
}

// usage always both together:
change(lastState);       // to reset the last state
lastState = change(REL); // call change and save the actual state