【JavaScript】 配列の分割代入
Contents
配列の分割代入
// 例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]);