join()メソッドを理解する
仕事でjoin()メソッドを使った際に、「配列を文字列に変換できるんだなー」という浅い理解にとどまっていたことを痛感しました。
特に区切り文字について理解不足と感じたので、再度理解を深めるために記載しました。
公式を確認
公式を確認します。
join() メソッド 公式
きちんと読むととてもわかりやすく記載頂いてます。いつもさらっと必要な箇所だけ流し読みしてしまうので、きちんと読む癖をつけたいなと思います。
説明の抜粋
join() メソッドは、配列 (または配列風オブジェクト) の全要素を順に連結した文字列を新たに作成して返します。区切り文字はカンマ、または指定された文字列です。配列にアイテムが一つしかない場合は、区切り文字を使用せずにアイテムが返されます。
const elements = ['Fire', 'Air', 'Water'];
console.log(elements.join());
// expected output: "Fire,Air,Water"
console.log(elements.join(''));
// expected output: "FireAirWater"
console.log(elements.join('-'));
// expected output: "Fire-Air-Water"
再確認
ここで 配列.join(); と 配列.join(''); では挙動が違うことがわかります。
配列.join(); のように、区切り文字を省略した場合
配列の要素はカンマ (",") で区切られます。
配列.join(''); のように、区切り文字を空文字にした場合、
すべての要素の間が区切り文字なしで繋がります。
このように配列を何で区切るか設定するとき、設定なし・空文字では挙動が違います。
まとめ
配列を文字列にする、そのくらいの浅い理解でしたが、区切り文字について理解不足でした。他にも理解不足な箇所もあると思うので、引き続き勉強し続けたいと思います。