NEW ARTICLE
Error: Failed to lookup view ‘X’ in views directory の解決方法
  1. HOME
  2. javascript
  3. javascript スプレッド構文を使って連想配列を結合する

javascript スプレッド構文を使って連想配列を結合する

javascript スプレッド構文を使って連想配列を結合する

javascriptでスプレッド構文を使用して、連想配列を結合するサンプルコードを記述してます。

目次

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 102.0.5005.63
Javascript サンプル集はこちら

連想配列結合

スプレッド構文を使用して連想配列を結合します。

const color1 = {
  'red'  : '赤',
  'green': '緑',
  'blue' : '青'
};
const color2 = {
  'yellow'  : '黄',
  'white': '白'  
};

const result = { ...color1, ...color2 };

console.log(result);

実行結果は以下の通りとなります。

また、スプレッド構文を使用せずに、「Object.assign」を使用することもできます。

const color1 = {
  'red'  : '赤',
  'green': '緑',
  'blue' : '青'
};
const color2 = {
  'yellow'  : '黄',
  'white': '白',
  'blue' : '青'
};

const result = Object.assign(color1, color2);

console.log(result);