array.concat()

アレイ・コンキャット（組み込みオブジェクト）

意味配列を結合

array.concat()とは？

`array.concat()`メソッドは、2つの配列や値を結合して、新しい配列を生成します。

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

2つの配列を結合する例

<button onclick='concatExample()'>Concat Example</button>
<script>
function concatExample() {
  const fruits1 = ['りんご', 'バナナ'];
  const fruits2 = ['オレンジ', 'ぶどう'];
  const allFruits = fruits1.concat(fruits2);
  document.body.innerHTML += '<p>結合された配列: ' + allFruits + '</p>';
}
</script>

この例では、`fruits1`と`fruits2`配列を結合し、結果をページに表示します。concat()メソッドは新しい配列を返すため、元の配列は変更されません。

配列と値を結合する例

const numbers = [1, 2, 3];
const moreNumbers = numbers.concat(4, [5, 6]);
console.log('元の配列:', numbers);
console.log('結合結果:', moreNumbers);

👇出力結果

元の配列: [1, 2, 3]
結合結果: [1, 2, 3, 4, 5, 6]

この例では、`numbers`配列に単一の値(4)と別の配列[5, 6]を結合します。concat()メソッドは新しい配列を返すため、`numbers`は変更されません。

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

Q. concat()は元の配列を変更する？

A. いいえ、concat()メソッドは元の配列を変更せず、新しい配列を返します。元の配列はそのまま保持されます。

Q. 配列以外も結合できる？

A. はい、concat()メソッドは配列だけでなく、単一の値や複数の値も引数として受け取ることができます。これらはすべて新しい配列に追加されます。

Q. ネストされた配列はどう扱われる？

A. concat()メソッドは浅いコピーを行います。つまり、ネストされた配列は新しい配列に参照としてコピーされます。元の配列内のネストされた配列を変更すると、結合後の配列にも影響します。

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

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

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