{{{}}}沼にはまらない手法があると聞いて

```js
let hoge=1;
for(let i=0;i<=3;i++){
    hoge += i;
    if(hoge<=3){
        console.log("hoge1");
        if(hoge<=-1){
            console.log("hoge2");
            if(hoge<=-2){
                console.log("hoge3");
            }else{
                console,log("hoge4");
            }
        }else if(hoge<=1){
            if(hoge<=0){
                console.log("hoge5");
            }else{
                console.log("hoge6");
            }
        }else{
            console.log("hoge7");
        }
    }else{
        console.log("hogehoge");
    }
}
```
<h3>実行結果</h3>

```
hoge1
hoge6
hoge1
hoge7
hogehoge
hogehoge
```
うーん、読みづらい。
{}の対応関係が分かりづらい。
そしてついでにhogehoge言い過ぎてゲシュタルト崩壊してしまう。


誰か「中カッコを二重にすれば見やすくなるよ！」

ふむふむ。

ネストに応じて一重中カッコと二重中カッコを交互に使ってみる。

```js
let hoge=1;
for(let i=0;i<=3;i++){{
    hoge += i;
    if(hoge<=3){
        console.log("hoge1");
        if(hoge<=-1){{
            console.log("hoge2");
            if(hoge<=-2){
                console.log("hoge3");
            }else{
                console,log("hoge4");
            }
        }}else if(hoge<=1){{
            if(hoge<=0){
                console.log("hoge5");
            }else{
                console.log("hoge6");
            }
        }}else{{
            console.log("hoge7");
        }}
    }else{
        console.log("hogehoge");
    }
}}
```
<h3>実行結果</h3>

```
hoge1
hoge6
hoge1
hoge7
hogehoge
hogehoge
```
一応問題なく動いたが・・・あまり見やすくはなっていない？

<h1>二重に留めずに、ネスト分中カッコを増やしてみる</h1>


```js
let hoge=1;
for(let i=0;i<=3;i++){
    hoge += i;
    if(hoge<=3){{
        console.log("hoge1");
        if(hoge<=-1){{{
            console.log("hoge2");
            if(hoge<=-2){{{{
                console.log("hoge3");
            }}}}else{{{{
                console,log("hoge4");
            }}}}
        }}}else if(hoge<=1){{{
            if(hoge<=0){{{{
                console.log("hoge5");
            }}}}else{{{{
                console.log("hoge6");
            }}}}
        }}}else{{{
            console.log("hoge7");
        }}}
    }}else{{
        console.log("hogehoge");
    }}
}
```

<h3>実行結果</h3>

```
hoge1
hoge6
hoge1
hoge7
hogehoge
hogehoge
```
<h1>もっと増やしてみる</h1>

```js
let hoge=1;
for(let i=0;i<=3;i++){
    hoge += i;
    if(hoge<=3){{{{
        console.log("hoge1");
        if(hoge<=-1){{{{{{{{{
            console.log("hoge2");
            if(hoge<=-2){{{{
                console.log("hoge3");
            }}}}else{{{{
                console,log("hoge4");
            }}}}
        }}}}}}}}}else if(hoge<=1){{{{{{{{
            if(hoge<=0){{{{
                console.log("hoge5");
            }}}}else{{{{
                console.log("hoge6");
            }}}}
        }}}}}}}}else{{{{{{{{
            console.log("hoge7");
        }}}}}}}}
    }}}}else{{{{
        console.log("hogehoge");
    }}}}
}
```

<h3>実行結果</h3>

```
hoge1
hoge6
hoge1
hoge7
hogehoge
hogehoge
```

<h1>{{の間に半角スペース入れたら見やすいんじゃ</h1>



```js
let hoge=1;
for(let i=0;i<=3;i++){
    hoge += i;
    if(hoge<=3){ {
        console.log("hoge1");
        if(hoge<=-1){
            console.log("hoge2");
            if(hoge<=-2){ {
                console.log("hoge3");
            } }else{ {
                console,log("hoge4");
            } }
        }else if(hoge<=1){ {
            if(hoge<=0){
                console.log("hoge5");
            }else{
                console.log("hoge6");
            }
        } }else{
            console.log("hoge7");
        }
    } }else{ {
        console.log("hogehoge");
    } }
}
```

<h1>結論：{{{}}}沼にハマった。</h1>
すみませんでした。

※ちなみにどの場合でも問題なく動きます。