Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ 高度な配列メソッドと変換のまとめ | 高度な配列メソッドと変換
/
JavaScriptデータ構造

book高度な配列メソッドと変換のまとめ

メニューを表示するにはスワイプしてください

map() メソッド

  • 目的:元の配列の各要素に指定したコールバック関数を適用し、新しい配列を生成;
  • 構文:
array.map((element, index, array) => {
// コールバック本体
});
  • 主なポイント:
    • 元の配列を変更しない;
    • 同じ長さの新しい配列を返す;
    • 配列の各要素を変換する際に有用。

filter() メソッド

  • 目的:特定の条件を満たす要素を選択し、新しい配列を作成;
  • 構文:
array.filter((element, index, array) => {
// コールバック本体
});
  • 主なポイント:
    • 元の配列を変更しない;
    • コールバック条件を満たす要素を含む新しい配列を返す;
    • 特定の基準に基づいて要素を抽出する方法を提供。

find() メソッド

  • 目的:配列内で最初に一致する要素を見つけて取得;
  • 構文:
array.find((element, index, array) => {
// コールバック本体
});
  • 主なポイント:
    • 元の配列を変更しない;
    • 最初に一致した要素を見つけた時点で処理を停止し、その要素を返す;
    • 一致する要素が見つからない場合は undefined を返す。

sort() メソッド

  • 目的: 元の配列を変更し、要素を新しい順序に並べ替え;
  • 構文:
array.sort((a, b) => {
// コールバック本体
});
  • 主なポイント:
    • 元の配列を変換;
    • デフォルトでは要素を昇順に並べ替え;
    • 比較関数を使用することでカスタムソートが可能。
すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 5.  9

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 5.  9
some-alt