array.join()

アレイ・ジョイン（組み込みオブジェクト）

意味要素を文字列に

array.join()とは？

`array.join()`メソッドは、配列の全ての要素を結合して一つの文字列を生成します。

array.join()の具体的な使い方

配列要素を結合してアラート表示する例

<button onclick='joinExample()'>Join Example</button>
<script>
function joinExample() {
  const fruits = ['りんご', 'バナナ', 'さくらんぼ'];
  const str = fruits.join('と');
  alert('結合された文字列: ' + str);
}
</script>

この例では、`fruits`配列の要素を「と」で結合し、アラートで結合された文字列を表示します。日本語の果物名を使用し、より自然な結合を示しています。

数値配列を指定区切り文字で結合する例

const numbers = [1, 2, 3, 4, 5];
const result = numbers.join('-');
console.log(result);

const emptyResult = numbers.join('');
console.log(emptyResult);

👇出力結果

1-2-3-4-5
12345

数値の配列を指定した区切り文字で結合する例です。最初の例ではハイフンで結合し、2つ目の例では空文字で結合して数値を連結しています。

array.join()に関するよくある質問

Q. join()の引数を省略するとどうなる？

A. 引数を省略すると、デフォルトでカンマ（,）が区切り文字として使用されます。例えば、['a', 'b', 'c'].join() は 'a,b,c' となります。

Q. join()は元の配列を変更しますか？

A. いいえ、join()メソッドは元の配列を変更しません。新しい文字列を返すだけで、元の配列はそのまま保持されます。

Q. 空の文字列で結合するには？

A. 空の文字列('')を引数として渡すことで、要素間に区切り文字なしで結合できます。例：['a', 'b', 'c'].join('') は 'abc' となります。

array.join()が学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、JavaScriptのarray.join()やObject.create()、Date.now()、Object.isSealed()、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。