下記のとおり、alert において join を利用しなくとも blue , green といった表示がされたのですが、 join を利用しなければ [blue, green] のように配列表示されるはずなのでしょうか？ここで join を利用した場合とそうでない場合の違いが曖昧なので、説明いただけると幸いです。

document.querySelector('button').addEventListener('click', ()=> {
        const checkBoxs = [];
        document.querySelectorAll('input').forEach((checkbox) => {
            if(checkbox.checked) {
                checkBoxs.push(checkbox.value);
            }
        });
        alert(checkBoxs);
    });