LoginSignup
0
0

More than 1 year has passed since last update.

Javascriptのスプレッド構文

Posted at

スプレッド構文を使ってできること

配列やオブジェクトを展開できる。

展開とは?:thinking:

配列やオブジェクトを
配列はそのままでは使いづらいことがしばしばある。
簡単にバラして、配列じゃない形で配列の順番のまま使えるようにできるイメージ!
詳しくは実際に使っているものを見てみて:point_down_tone2::point_down_tone2::point_down_tone2::point_down_tone2::point_down_tone2::point_down_tone2:

スプレッド構文の書き方

ドット3つのあとに、展開したいものを持ってくる

...定数
const point =[67,88,54,99,78];
const MaxP=Math.max(...point);

console.log('最高得点:'+MaxP);
>最高得点99

配列の場合

const AIU=['','',''];
const Agyou =[...AIU,'',''];

console.log(Agyou)
>["", "", "", "", ""]

スプレッド構文は好きなところに入れられるぞ

const num =[32,1,4,24];
const answer =[0,...num];

console.log(answer)
>[0, 32, 1, 4, 24]

オブジェクトの場合

const obj1 = {a:1,b:2,c:3};
const obj2 = {...obj1,c:99,d:5};

console.log(obj2)
>{a: 1, b: 2, c: 99, d: 5}

:warning:オブジェクトで同じプロパティ名のものがあった場合は上書きされてしまう

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0