JavaScript レッスン5
配列メソッド
配列の強力なメソッドを使ってデータを自在に操作しよう
配列メソッドの概要
JavaScriptの配列（Array）には、データの変換・フィルタリング・集計などを行う便利なメソッドが多数用意されています。 これらを使いこなすことで、ループを使わずにデータを効率的に処理できます。
map()— 各要素を変換して新しい配列を作成filter()— 条件に合う要素だけ抽出reduce()— 配列を1つの値にまとめるfind()/findIndex()— 条件に合う要素を検索some()/every()— 条件チェックsort()/reverse()— 並べ替えflat()— ネストされた配列を平坦化- スプレッド構文 — 配列の展開・結合
map・filter・reduce
配列操作の三大メソッドを使いこなしましょう。
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.htmllazy
1 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。
some・every・sort・flat・スプレッド
配列の判定、並べ替え、展開を学びましょう。
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.htmllazy
1 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。
自由に試してみよう
配列メソッドを使って成績管理プログラムを作ってみましょう。
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.htmllazy
5 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。