reduce()最強説!?
今回はreduce()最強説を検証してみよう。
今回はreduce()最強説を検証してみよう。
野暮ったいJavaScriptコードも分割代入を使うとスマートで洗練されたモダンなコードに大変身!
匠の技を見ていこう。
JavaScript村には時々悪い魔女が現れて、村人たちを困らせていた。
この魔女の呪いにかかると、全てのやる気を奪われ、無気力な抜け殻のようになってしまうという。
ある日JavaScript村の村人たちはこの魔女を倒すため、覚悟を決めてプロミスの森へ向かった。
Closureをカモノハシ親子の関係に例えて説明してみる
useEffectについて、なんとなく分かったつもりになってたはずなのに、すぐ分からない状態になってしまう。その原因は用語にあるかも。
The Odin ProjectでFirebaseを使ってみようというレッスンがあったので、ドキュメントに従いながらCloud Firestoreをセットアップする。
スプレッド構文を使ってArrayやObject をコピーする方法を調べた際に、”shallow copy”という言葉が出てきた。コピーしたArrayに変更を加えたときに、起きる不思議な現象について調べてみた。
【スプレッド構文の使い方】・Arrayのコピー・複数のArrayをくっつける・別のArrayに割り込ませる・Arrayの指定箇所以降の要素の抽出・Objectのコピー・複数のObjectをくっつける・functionのパラメータがいくつあるか分からないとき
.find(): Arrayの中から「最初に条件に合ったもの」を「1つReturnする」※条件に合うものが2つ以上あっても、1つ目だけで探すのやめる。条件に合うものがなかったらundefinedが返ってくる。
.some(): ある条件に対して、Arrayの中に「最低でも1つはTrueになるもの」があれば「True」を返す。※条件をクリアするものが一つもなければFalseが返る。Trueとしか返ってこないので、中身は分からない。
.includes(): 「具体的な値など」がArrayの中に含まれていれば「True」を返す。※10以上の数字などの条件検索は使えない。
.indexOf(): 「具体的な値など」がArrayの中に含まれていれば最初に見つかったのがArrayの何番目にあるかIndexを返す。一つもなければ「−1」が返る。※同じ値が2つ以上含まれているArrayの場合は1つ目の場所しか返ってこない。
.map()メソッド
ポイント1: Arrayの中身を1つずつ順番に呼び出す
ポイント2: 呼び出されたものを使って1つずつ処理を実行する
ポイント3: 出てきた全ての結果で新しいArrayを作る
ポイント4: Arrayの長さは変わらない
ポイント5: 元々のArrayは変更されない