参考文献
スプレッド構文とは
- 配列やオブジェクトのカッコ(
[]
とか{}
)を外すことができる。
const items = ['a', 'b', 'c'];
console.log(items);
console.log(...items);
配列での使い方
基本動作
const items = ['a', 'b', 'c'];
const items2 = [...items];
console.log(items2);
const items3 = [...items,...items2];
console.log(items3);
const items4 = [1,...items2,2];
console.log(items4);
const [a,b,...other] = [1,2,3,4,5];
console.log(a);
console.log(b);
console.log(other);
少し発展
const word = 'String型を配列に分解😀';
const stringArray = [...word];
console.log(stringArray);
const data = ['a', 'b', 'c', 'a', 'b', 'd', 'e', 'c', 'f'];
const list = [...(new Set(data))];
console.log(list);
オブジェクトでの使い方
基本動作
const name = {
firstName : 'Taro',
lastName : 'Yamada',
}
console.log(name);
const name2 = {...name}
const profile = {
...name,
age : 38,
}
console.log(profile);
const profile = {
...name,
age : 38,
lastName : 'Suzuki',
}
console.log(profile);
const address = {
country: 'Japan',
region: 'Tokyo-to',
}
const profile2 = {
...name,
...address,
}
console.log(profile2);
その他の記事について
overworker.hatenablog.jp