JavaScriptのeval()を使って配列から特定の値を取得する方法
eval()関数とは
JavaScriptのeval()関数は、引数として渡された文字列をJavaScriptのコードとして評価・実行するための関数です。以下が基本となる構文です。
eval(str)
引数のstrには、式・変数・文(複数可)のいずれかを指定できます。
配列から特定の値を取得する例
それでは、実際にeval()を使って配列内の特定の値を取得してみましょう。まず、次のような学生の点数を格納した配列を用意します。
var studentMarks = [76, 34, 56, 78, 81, 98, 90, 59, 64];
この配列に対してeval()を適用し、インデックス1の位置にある値を取得します。
サンプルコード
var studentMarks = [76, 34, 56, 78, 81, 98, 90, 59, 64];
var stringValue = eval("studentMarks");
console.log(stringValue[1]);
実行方法
上記のプログラムを実行するには、Node.js環境で以下のコマンドを使用します。
node fileName.js
ここでは、ファイル名をdemo80.jsとして保存しています。
node demo80.js
実行結果
プログラムを実行すると、以下のように出力されます。
PS C:\Users\Amit\JavaScript-code> node demo80.js
34
インデックス1に格納されている「34」が正しく取得できていることが確認できます。
注意点:eval()の使用について
eval()は便利な反面、渡された文字列をそのままコードとして実行するため、悪意のあるコード注入(インジェクション攻撃)のリスクがあります。また、実行速度の低下やデバッグの難しさといった問題もあります。そのため、実際の開発ではeval()の使用は避け、必要に応じて配列への直接アクセスやJSON.parse()などの安全な代替手段を検討することをおすすめします。
-
JavaScriptで特定のテキストを含むdiv要素を非表示にする方法
JavaScriptで「header」や「footer」など、特定のテキストを含むdiv要素だけを非表示にしたいケースはよくあります。本記事では、その実現方法をサンプルコード付きでわかりやすく解説します。基本的な考え方まず、getElementsByClassName()メソッドを使って対象となるクラス名を持つdiv要素のコレクションを取得します。次に、forループで各要素を順番に反復処理し、OR条件(||)を使って要素内のテキストが特定の文字列と一致するかどうかを判定します。条件に一致した要素に対しては、yourDiv.style.display = noneを設定することで、画面上から非表
-
JavaScriptでToDoリスト(やることリスト)を作成する方法
JavaScriptを使えば、テキストボックスに入力したタスクを順番にリストへ追加していく、シンプルなToDoリスト(やることリスト)を簡単に作成できます。この記事では、HTML・CSS・JavaScript(jQuery)を組み合わせた基本的な実装例を、コードと実行手順とあわせて紹介します。 実装例 以下は、ToDoリストを作成するためのコードです。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &n