【JavaScript】配列の分割代入

Contents

1. 配列の分割代入
2. 分割代入とは
3. 参照

配列の分割代入

// 例1
// 分割代入で書いてみる
let arr1 = [1,2,3];
let [t1,t2,t3] = arr1;
console.log(t1);
console.log(t2);
console.log(t3);

// 例2
// 関数使用
const getTarget = (a) => {
  console.log(a);
}
let arr2 = [1,2,3];
let [t1,t2,t3] = arr2;
getTarget(t1);
getTarget(t2);
getTarget(t3);

// 例3
const getUri = (t) => {
  t.each(function(){
    let a = t.data('src');
    console.log(a);
  });
}
let arr3 = [$('.class1'),$('.class2'),$('.class3')];
let [c1,c2,c3] = arr3;
getUri(c1);
getUri(c2);
getUri(c3);

分割代入とは

・配列やオブジェクトで、別変数にプロパティを代入することができる
・左辺が右辺よりも多い場合には、その分だけundefinedになる。

let arr = [1,2,3];
let [t1,t2,t3,t4] = arr;
console.log(t1);
console.log(t2);
console.log(t3);
console.log(t4);

・「…rest」などと書いて(残余引数)、残りをまとめて格納することもできる。

let arr = [1,2,3,4,5];
let [t1,t2, ...rest] = arr;
console.log(t1);
console.log(t2);
console.log(rest);
console.log(rest[0]);
console.log(rest[1]);
console.log(rest[2]);