JavaScript
JavaScript | 「fetch＋async＋finally（後処理付き）」を実例で比較（良いコード / 悪いコード）
2020-08-02
JavaScript JavaScript | 関数から値を返す（return文）
主な内容の要点JavaScriptの関数で使うreturnは、関数の処理結果を呼び出し元に返すための仕組みです。値を返す場合もあれば、処理を途中で終了させるためだけに使うこともできます。1. returnで値を返す関数の中でreturn 値...
JavaScript JavaScript | 関数と参照渡しの注意点
主な内容の要点JavaScriptで関数に値を渡すとき、「数値や文字列」などの基本型はコピーが渡されるので元の変数は変わらない。一方で、「配列やオブジェクト」などの参照型は同じデータを共有するため、関数内で変更すると元の変数にも影響が出る。...
JavaScript JavaScript | 「引数」を使って関数にデータを渡す
主な内容の要点JavaScriptの関数に値を渡すときに使う「引数」について解説されています。引数は関数にデータを渡す仕組みで、数が合わなくてもエラーにならず、工夫次第で柔軟に使えます。1. 引数の基本関数を定義するときに (param1,...
JavaScript JavaScript | 関数の基本的な定義方法と使い方
主な内容の要点JavaScriptで関数を使うには、まず「定義」してから「呼び出す」必要があります。関数は「入力（引数）」を受け取り、「処理」を行い、「出力（戻り値）」を返す仕組みです。関数の基本定義の書き方 function 関数名(引数...
JavaScript JavaScript | reduce と map/filter を組み合わせた応用パターン
ここでは、reduce と map／filter を組み合わせた実践的な使い方＋パフォーマンス面の注意を、初心者向けに かみ砕いて＋コード例つき で解説します。目標単純な合計だけでなく、「条件でしぼる → 加工する → 集計する」という一連...
JavaScript JavaScript | filter と reduce と組み合わせて集計処理を学ぶ
filter と reduce を組み合わせると、「条件で絞り込み → 集計」という流れをシンプルに書けます。実務でもよく使うパターンなので、例題を交えて説明します。基本の流れfilter: 配列から条件に合う要素だけを残すreduce: ...
JavaScript JavaScript | 配列のすべての要素を合計する方法（reduce メソッド）
主な内容の要点JavaScriptで配列の合計を出すときは、reduceメソッドを使うのが便利です。配列の要素を順番に処理して、最終的に1つの値（合計など）を返してくれます。reduceメソッドの基本書き方： 配列.reduce((合計値を...
JavaScript JavaScript | map と filter の違い — 図（テキスト）＋コードで直感的に理解する
初心者向けにわかりやすく比較した“図”と短い解説、具体例です。まず全体像をザッと掴んで、下のコードで挙動を確認してください。図：処理のイメージ（左→右）元配列: [1, 2, 3, 4]map: 各要素を **変換**（要素数は変わらない）...
JavaScript JavaScript | 配列の中から「条件を満たす要素だけ」を取り出して、新しい配列を作る
主な内容の要点JavaScript の filter メソッドを使うと、配列の中から「条件を満たす要素だけ」を取り出して、新しい配列を作ることができます。元の配列は変わりません。基本の使い方let 新しい配列 = 元の配列.filter(f...