1
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?

アロー関数と分割代入

1
Posted at

アロー関数

ここは()省略できない
引数が一つの時(括弧の中が一つの時だけ括弧省略できる)
スクリーンショット 2026-04-09 16.41.40.png

これはreactでよく使うアロー関数なので覚える🔻
スクリーンショット 2026-04-09 16.45.23.png

アロー関数って何?
→アロー関数は、特別な方法で作る「お仕事」をするための箱(関数)のことです。この箱には、何かを計算したり、返したりするルールが入っています。

普通の箱(関数)との違い 普通の箱(関数)を作るときは、「function」って言葉を使いますが、アロー関数では「→」のマークを使います。この「→」がアロー(矢印)なので、アロー関数という名前がついています。

どうやって作るの? 例えば、お友達に「こんにちは!」とお返事するための箱を作りたい時、普通の箱ではこう言います:
スクリーンショット 2026-04-14 23.37.20.png

アロー関数では:
スクリーンショット 2026-04-14 23.37.42.png

どう使うの?
→箱を作ったら、その箱を開けて中のルールを実行することができます。例えば、hello() と書くと、「こんにちは!」と返ってきます。
このように、アロー関数は簡単に箱を作る方法で、JavaScriptの中でいろんな計算や作業をさせるために使います。

分割代入           (React開発でもよく出てくる!)

オブジェクト→myProfile
プロパティ→nameやage
.でオブジェクトのプロバティにアクセスできる
プロパティが10個も20個も増えたら毎回入力めんどくさい!

分割代入
スクリーンショット 2026-04-09 17.01.24.png
🔻
スクリーンショット 2026-04-09 17.01.46.png

配列の分割代入

別のパターン
オブジェクトの設定を(じゃけぇと31に)した後に、自分で好きな変数名をつけて置き換えられる!
⚠️const{}ではなく[]でカッコが違う
スクリーンショット 2026-04-14 23.27.11.png

1
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
1
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?