JavaScriptで関数パラメータの値を変更することは可能?実装方法を解説
はい、可能です。関数の引数として受け取った値をインクリメントし、別の変数に代入した上で、その新しい値を返すことができます。
なお、JavaScriptではプリミティブ型(数値や文字列など)は値渡しで渡されるため、関数内で引数を直接書き換えても元の変数は変化しません。そのため、変更後の値を関数の戻り値として返し、呼び出し元で再代入するのが一般的なアプローチです。
サンプルコード
以下がその実装例です −
function changeTheValueOfFunctionParameter(value) {
var incrementValue = value + 1;
return incrementValue;
}
var value = 190;
console.log('The value is:', value);
value = changeTheValueOfFunctionParameter(value);
console.log('After changing the value:', value);上記のプログラムを実行するには、以下のコマンドを使用します −
node fileName.js
ここでは、ファイル名を「demo317.js」としています。
実行結果
これにより、以下のような出力が得られます −
PS C:\Users\Amit\javascript-code> node demo317.js The value is: 190 After changing the value: 191
このように、引数の値を1増やす処理を関数内で行い、その結果を戻り値として返すことで、元の変数「value」の値を190から191へと更新できています。オブジェクトや配列を引数に渡す場合は参照渡しになるため、関数内での直接変更が可能ですが、プリミティブ型の場合は戻り値を使う方法が基本となります。
-
【初心者向け】JavaScriptでボタンクリック時に数値を加算するSum関数の作り方
はじめに 本記事では、ボタンをクリックするたびに指定した値を加算していき、結果を画面に表示するシンプルなJavaScriptの「Sum関数」の実装方法を解説します。onclickイベントとparseInt()を組み合わせることで、わずか数行のコードで動的な加算処理を実現できます。 ボタンの準備 まず、以下のようなHTMLボタンを用意します。 <button type=button onclick=addTheValue(10)>Sum</button> このボタンがクリックされると、引数として10を渡して関数 addTheValue(10) が呼び出されます。つま
-
JavaScriptで配列の最小値と最大値を返す関数の作成方法
問題配列を受け取り、新しい配列を返すJavaScript関数を作成する必要があります。戻り値となる配列の最初の要素には入力配列の最小値を、2番目の要素には最大値を格納します。コード例以下のコードでは、Array.prototype.reduce()メソッドを使用して、配列を一度だけ走査しながら最小値と最大値を同時に求めています。const arr = [56, 34, 23, 687, 2, 56, 567]; const findMinMax = (arr = []) => { const creds = arr.reduce((acc,