【JavaScript】ネストを減らしてコードを綺麗にしたい
コードを書いていると、ネストが複雑になってコードが見にくくなることがよくあります。
そんなときは、return を利用して、見通しの良いコードを書くことができます。
普通に記載すると下記のようにネストが多くなり、見通しが悪いコードになりますが、
let changeiput = (e)=>{
if (e.currentTarget.value % 2 == 0) {
meytext.textContent = "偶数"
}else{
meytext.textContent = "奇数";
}
}
次のように return を使用して、見通しが良いコードにすることができます。
let changeiput = (e)=>{
if (e.currentTarget.value % 2 == 0) return meytext.textContent = "偶数"
return meytext.textContent = "奇数";
}
