3進演算子のステートメントをnormal/elseif/elseステートメントに変換する

Question

かなり長い3進演算子ステートメントが見つかったばかりで、何が起きているのかわからないときや、これを通常に変換できるツールやスクリプトがありますif/else-if/else？

h1.textContent = (hours ? (hours > 9 ? hours : "0" + hours) : "00") + ":" + (minutes ? (minutes > 9 ? minutes : "0" + minutes) : "00") + ":" + (seconds > 9 ? seconds : "0" + seconds); 

Answer 1

関数を使用し、必要に応じてゼロを追加することができます。

function pad(n) { 
    if (n < 10) { 
     return '0' + n; 
    } 
    return n || '00'; 
} 

h1.textContent = pad(hours) + ":" + pad(minutes) + ":" + pad(seconds); 

Answer 2

これは、拡張結果である：Array.map、Array.joinを使用して

h1.textContent = ""; 
if (hours){ 
    h1.textContent += (hours > 9 ? hours : "0" + hours); 
} else { 
    h1.textContent += "00"; 
} 
h1.textContent += ":"; 
if (minutes) { 
    h1.textContent += (minutes > 9 ? minutes : "0" + minutes); 
} else { 
    h1.textContent += "00"; 
} 
h1.textContent += ":"; 
if (seconds > 9){ 
    h1.textContent += seconds; 
} else { 
    h1.textContent += "0" + seconds; 
} 

Answer 3

ソリューションと "現代" ES6 矢印関数式：

var hours = 00, minutes = 35, seconds = 5, 
    time = [hours, minutes, seconds].map((v) => (v > 9? v : "0"+v) || "00").join(":"); 

h1.textContent = time; 
console.log(time); // "00:35:05"