0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have 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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?