Использование If Else в jQuery

Question

Создайте оператор if else в моем скрипте.

Если data = 0 Я хочу запустить return:

<i class="fa fa-check-circle"></i>

Если data = 1 Я хочу запустить return:

<i class="fa fa-id-badge"></i>

Если data = 2 Я хочу запустить return:

<i class="fa fa-quora"></i>

До сих пор я построил простое утверждение If Else.Мой скрипт показывает fa fa-check-circle, когда возвращаемые данные 0, иначе он показывает fa fa-id-badge.

Кто-нибудь знает, как я могу сделать определение для всех опций.Что-то вроде:

(data == 0)
(data == 1)
(data == 2)

Вот мой сценарий:

<script type="text/javascript">
 $( document ).ready(function() {
  $('#grid1').DataTable({
   "bprocessing": true,
   "serverSide": true,
        "ajax": {
            "url": "response1.php",
            "type": "POST",
            "error": function(){
                $("#grid_processing").css("display","none");
            }
        },
       "columnDefs": [ 
            { "targets": 0, "render": 
            function ( data, type, full, meta ) { 
            return  '<i class="'+ (data == 0 ? 'fa fa-check-circle"></i>' :  'fa fa-id-badge"></i>'); 
            } } 
        ]    
  });   
 });
</script>

Answer 1

Есть несколько способов сделать это, один из них - это случай переключения.

var icon = '';
function(data, type, full, meta ){
    switch(data){
        case '0':
            icon = "fa-check-circle";
            break;
        case '1':
            icon = "fa-check-badge";
            break;
        case '2':
            icon = "fa-check-quora";
            break;
        default:
            icon = "fa-check-circle";
    }

    return '<i class="fa '+ icon +'"></i>';
}

Answer 2

Вы можете использовать переключатель вместо троичного, он более читабелен.

function (data, type, full, meta) {
    var iconClass;
    switch (data) {
        case 0:
            iconClass = "check-circle";
            break;
        case 1:
            iconClass = "id-badge";
            break;
        case 2:
            iconClass = "quora";
            break;
    }
    return  "<i class='fa fa-" + iconClass + "'></i>"; 
}

Answer 3

Для этого требуется только базовый оператор if ... else вместо троичного.https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else

function ( data, type, full, meta ) { 
    var class;
    if (data == 0) {
        class = 'fa fa-check-circle';
    } else if (data == 1) {
        class = 'fa fa-id-badge';
    } else if (data == 2)) {
        class = 'fa fa-id-quora';
    }
    return  '<i class="' + class + '"></i>'); 
}

Конечно, вы могли бы продолжать использовать троицу, но это немного уродливо:

function ( data, type, full, meta ) { 
    return  '<i class="fa ' + (data == 0 ? 'fa-check-circle' : (data == 1 ? 'fa-id-badge' : 'fa-quora')) + '"></i>'); 
}