Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

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 }
]

  1. 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

  2. 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