jQuery/Javascript布爾

Question

我有一段代碼，我正在與用戶可以選擇下載餅圖的「切片」或整個事情。

當他們點擊切片時，我發送一個名爲source的變量，告訴我它來自哪個切片。

現在我正在處理「全部下載」按鈕。源代碼簡單地爲all。

這是我的循環看起來如果用戶選擇slice，如：

// Loop over our data 
$.each(seed.dataset,function(key, value){ 
    if(this[col] == slice){ 
     table += '<tr>'; 
     table += '<td>'+this.escalationID+'</td>'; 
     table += '<td>'+this.escReasonID+'</td>'; 
     table += '<td>'+this.reasonText+'</td>'; 
     table += '<td>'+this.escCreatedBy+'</td>'; 
     table += '<td>'+this.escCreatorFirst+'</td>'; 
     table += '<td>'+this.escCreatorLast+'</td>'; 
     table += '</tr>'; 
    } 
}); 

循環內的IF語句是什麼控制了包括表變量中的數據。我的問題是，如何選擇何時執行此IF語句或忽略它（允許將所有數據添加到表var）？

顯而易見的是將它包裝在另一個IF語句中，但我覺得可能有更清晰的方法，而不必複製所有的表數據。

最終結果將是一個bool說if source=All包括所有行else if source=slice執行IF語句，只包括我們正在尋找的數據。

UPDATE

基本上我正在尋找一個更清潔的方式來做到這一點：

// Loop over our data 
    $.each(seed.dataset,function(key, value){ 

     if(source == 'slice'){ 

     if(this[col] == slice){ 
      table += '<tr>'; 
      table += '<td>'+this.escalationID+'</td>'; 
      table += '<td>'+this.escReasonID+'</td>'; 
      table += '<td>'+this.reasonText+'</td>'; 
      table += '<td>'+this.escCreatedBy+'</td>'; 
      table += '<td>'+this.escCreatorFirst+'</td>'; 
      table += '<td>'+this.escCreatorLast+'</td>'; 
      table += '</tr>'; 
     } 

     // We are downloading all so ignore the constraint 
     }else{ 
      table += '<tr>'; 
      table += '<td>'+this.escalationID+'</td>'; 
      table += '<td>'+this.escReasonID+'</td>'; 
      table += '<td>'+this.reasonText+'</td>'; 
      table += '<td>'+this.escCreatedBy+'</td>'; 
      table += '<td>'+this.escCreatorFirst+'</td>'; 
      table += '<td>'+this.escCreatorLast+'</td>'; 
      table += '</tr>'; 
     } 
    }); 

Answer 1

您可以使用另一個布爾說ignoreAll爲「OR」的條件與現有的，如果條件如下圖所示

// Loop over our data 
var ignoreAll = true; // change its value as per your requirement 
$.each(seed.dataset,function(key, value){ 
    if(ignoreAll || this[col] == slice){ 
     table += '<tr>'; 
     table += '<td>'+this.escalationID+'</td>'; 
     table += '<td>'+this.escReasonID+'</td>'; 
     table += '<td>'+this.reasonText+'</td>'; 
     table += '<td>'+this.escCreatedBy+'</td>'; 
     table += '<td>'+this.escCreatorFirst+'</td>'; 
     table += '<td>'+this.escCreatorLast+'</td>'; 
     table += '</tr>'; 
    } 
}); 

Answer 2

$.each(seed.dataset,function(key, value){ 
     if (source != 'slice' || this[col] == slice){ 
      table += '<tr>'; 
      // etc. 

或者：

$.each(seed.dataset,function(key, value){ 
     if (source == 'all' || this[col] == slice){ 
      table += '<tr>'; 
      // etc. 

Answer 3

看看下面的代碼。

如果當前項目是切片，則檢查它以確保它是正確的切片。如果是，則調用getSlice()並且$.each()循環中斷以避免不必要的迭代。

function getSlice(that) { 
    var table = ''; 
    table += '<tr>'; 
    table += '<td>' + that.escalationID + '</td>'; 
    table += '<td>' + that.escReasonID + '</td>'; 
    table += '<td>' + that.reasonText + '</td>'; 
    table += '<td>' + that.escCreatedBy + '</td>'; 
    table += '<td>' + that.escCreatorFirst + '</td>'; 
    table += '<td>' + that.escCreatorLast + '</td>'; 
    table += '</tr>'; 
    return table; 
} 

// Loop over our data 
$.each(seed.dataset, function (key, value) { 
    table += source == 'slice' ? (this[col] == slice ? true & getSlice(this) : false) : getSlice(this); 
    if (table === true) return false; // break out of loop 
});