JavaScriptの配列とオブジェクト操作

配列操作

  const a = [1, 2, 3, 4, 5];
  const b = [6, 7, 8, 9, 10];

  //配列の結合
  const c = [...a, ...b];
  
  //分割代入
  const [d, e, f] = a
  
  //rest構文
  const [g, h, ...i] = a
  
  
  console.log(...a); // 1 2 3 4 5
  console.log(c); // [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ]
  console.log(d, e, f); // 1 2 3
  console.log(g, h, i); // 1 2 [ 3, 4, 5 ]
  
  
  //値の交換
  let [x,y,z] = [1,2,3]
  console.log(x,y,z); // 1 2 3
  
  [x, y, z] = [y, z, x];
  console.log(x, y, z); // 2 3 1
 

参照渡したくない場合

  const a = [1, 2];
  
  const b = a;
  const c = [...a];
  
  a[0] = 3;
  
  console.log(b); // [3, 2]
  console.log(c); // [1, 2]

配列操作のメソッド

splice(開始する位置, 削除数 [, 追加する要素, ...])

オブジェクト操作

  const a = {c: 1, d: 2, e: 3};
  
  //オブジェクトの結合
  const b = {...a, f: 4, g: 5};
  
  //分割代入,存在しないキーを指定するとエラーになる
  const {c, d, ...h} = b;
  
  console.log(b); // { c: 1, d: 2, e: 3, f: 4, g: 5 }
  console.log(c, d, h); // 1 2 { e: 3, f: 4, g: 5 }
  
  //キーを取り出す方法
  const i = Object.keys(b);
  console.log(i); // [ 'c', 'd', 'e', 'f', 'g' ]
  
  //キーと値を表示
  for(let key of i)　console.log(`key:${key} value:${b[key]}`);
  /*
  key:c value:1
  key:d value:2
  key:e value:3
  key:f value:4
  key:g value:5
  */