JavaScriptの for…of ループについて
今日はfor …ofループについて調べてみる。
今日はfor …ofループについて調べてみる。
今回はJavaScriptで配列内の重複を除く方法を見ていく。特にSet()を使った方法がオススメ。
今回はreduce()最強説を検証してみよう。
野暮ったいJavaScriptコードも分割代入を使うとスマートで洗練されたモダンなコードに大変身!
匠の技を見ていこう。
スプレッド構文を使って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は変更されない
.filter()メソッド
ポイント1: Arrayの中身を1つずつ順番に見ていく
ポイント2: 与えられた条件に対してtrueかfalseの判定をする
ポイント3: Trueと判定されたものだけで新しいArrayを作る
ポイント4: 元々のArrayは変更されない