json出力JavaScriptから値を選択的に取得する方法
jsonファイルdata.json内に次のデータがあります −
data.json
{
"names": [{
"name": "Ramesh",
"readable": true
}, {
"name": "Suresh",
"readable": false
}, {
"name": "Mahesh",
"readable": true
}, {
"name": "Gourav",
"readable": true
}, {
"name": "Mike",
"readable": false
} ]
} 私たちの仕事は、このファイルへのパスを唯一の引数として受け取り、このjsonファイルを読み取り、プロパティ読み取り可能がtrueであるnames配列のサブ配列を返す関数parseDataを作成することです。
次に、このためのコードを記述します。requireモジュールを使用してjsonデータをフェッチし、次のようなフィルター処理された配列を返します-
例
const path = "./data.json";
const parseData = (path) => {
const data = require(path);
//no need to parse the data as it is already parsed
return data.names.filter(el => el.readable);
}
const results = parseData(path);
console.log(results); 出力
コンソール出力は-
になります[
{ name: 'Ramesh', readable: true },
{ name: 'Mahesh', readable: true },
{ name: 'Gourav', readable: true }
] -
JavaScriptをテキストボックスに出力する方法は?
value()の概念を使用できます。以下はJavaScriptコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="s
-
JavaScriptを使用してJSON配列からデータを読み取る方法は?
以下は、JavaScriptを使用してJSON配列からデータを読み取るためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style