blocks|key|393163|text|内置的node.js+module+fs将根据您的需要以异步或同步方式执行此操作。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|393164|您可以使用var+fs+=+require('fs');加载它|style|CODE|393165|异步|393166|fs.readFile('./content.json',+(err,+data)+=>+{
++++if+(err)
++++++console.log(err);
++++else+{
++++++var+json+=+JSON.parse(data);
++++//your+code+using+json+object
++++}
})|code-block|syntax|javascript|393167|同步|393168|var+json+=+JSON.parse(fs.readFileSync('./content.json').toString());|393169|entityMap|0|LINK|mutability|MUTABLE|url|https://www.w3schools.com/nodejs/nodejs_filesystem.asp^0|3|H|0|0|5|N|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|D|3|E|5|6|7|14|8|@$A|15|B|16|F|G]]|9|@]|C|$]]|$1|H|3|I|5|6|7|17|8|@]|9|@]|C|$]]|$1|J|3|K|5|L|7|18|8|@]|9|@]|C|$M|N]]|$1|O|3|P|5|6|7|19|8|@]|9|@]|C|$]]|$1|Q|3|R|5|L|7|1A|8|@]|9|@]|C|$M|N]]|$1|S|3|-4|5|6|7|1B|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]]]

<p>The built-in <a href="https://www.w3schools.com/nodejs/nodejs_filesystem.asp" rel="noreferrer">node.js module fs</a> will do it either asynchronously or synchronously depending on your needs. </p>

<p>You can load it using <code>var fs = require('fs');</code></p>

<h2>Asynchronous</h2>

<pre><code>fs.readFile('./content.json', (err, data) =&gt; {
    if (err)
      console.log(err);
    else {
      var json = JSON.parse(data);
    //your code using json object
    }
})
</code></pre>

<h2>Synchronous</h2>

<pre><code>var json = JSON.parse(fs.readFileSync('./content.json').toString());
</code></pre>


blocks|key|393199|text|对于文件~/my-app/src/db/abc.json中给定的json格式：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|393200|++[
++++++{
++++++++"name":"Ankit",
++++++++"id":1
++++++},
++++++{
++++++++"name":"Aditi",
++++++++"id":2
++++++},
++++++{
++++++++"name":"Avani",
++++++++"id":3
++++++}
++]|code-block|syntax|javascript|393201|为了导入到~/my-app/src/app.js这样的.js文件：|393202|+const+json+=+require("./db/abc.json");

+class+Arena+extends+React.Component{
+++render(){
+++++return(
+++++++json.map((user)=>
++++++++{
++++++++++return(
++++++++++++<div>{user.name}</div>
++++++++++)
++++++++}
+++++++)
++++++}
++++);
+++}
+}

+export+default+Arena;|393203|输出：|393204|Ankit+Aditi+Avani|393205|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>For the given json format as in file ~/my-app/src/db/abc.json:</p>

<pre><code>  [
      {
        "name":"Ankit",
        "id":1
      },
      {
        "name":"Aditi",
        "id":2
      },
      {
        "name":"Avani",
        "id":3
      }
  ]
</code></pre>

<p>inorder to import to .js file like ~/my-app/src/app.js:</p>

<pre><code> const json = require("./db/abc.json");

 class Arena extends React.Component{
   render(){
     return(
       json.map((user)=&gt;
        {
          return(
            &lt;div&gt;{user.name}&lt;/div&gt;
          )
        }
       )
      }
    );
   }
 }

 export default Arena;
</code></pre>

<p>Output:</p>

<pre><code>Ankit Aditi Avani
</code></pre>


blocks|key|175243|text|不需要或fs的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|175244|var+json+=+[]
fetch('./content.json').then(response+=>+json+=+response.json())|code-block|syntax|javascript|175245|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>A solution without require or fs:</p>
<pre><code>var json = []
fetch('./content.json').then(response =&gt; json = response.json())
</code></pre>


blocks|key|175287|text|要将一个特定值从output.json+(包含json共享)文件导出到一个变量，比如VAR：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|175288|export+VAR=$(jq+-r+'.children.id'+output.json)|code-block|syntax|javascript|175289|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>To export a specific value from output.json (containing json shared on question) file to a variable say VAR :</p>
<pre><code>export VAR=$(jq -r '.children.id' output.json)
</code></pre>


<p>I'm trying to load a .json file into a variable in javascript, but I can't get it to work. It's probably just a minor error but I can't find it.</p>

<p>Everything works just fine when I use static data like this:</p>

<pre class="lang-js prettyprint-override"><code>var json = {
  id: "whatever",
  name: "start",
  children: [{
      "id": "0.9685",
      "name": " contents:queue"
    }, {
      "id": "0.79281",
      "name": " contents:mqq_error"
    }
  }]
}
</code></pre>

<p>I put everything that's in the <code>{}</code> in a <code>content.json</code> file and tried to load that into a local JavaScript variable as explained here: <a href="https://stackoverflow.com/questions/2177548/load-json-into-variable">load json into variable</a>.</p>

<pre class="lang-js prettyprint-override"><code>var json = (function() {
  var json = null;
  $.ajax({
    'async': false,
    'global': false,
    'url': "/content.json",
    'dataType': "json",
    'success': function(data) {
      json = data;
    }
  });
  return json;
})();
</code></pre>

<p>I ran it with the Chrome debugger and it always tells me that the value of the variable <code>json</code> is <code>null</code>. The <code>content.json</code> file resides in the same directory as the .js file that calls it.</p>

<p>What did I miss?</p>


Load local JSON file into variable

调试器

JSON

我试图将一个.json文件加载到javascript中的一个变量中，但是我不能让它工作。这可能只是一个小错误，但我找不到它。当我像这样使用静态数据时，一切都很好：var json = {  id: "whatever",  name: "start",  children: [{      "id": "0.9685"...

问将本地JSON文件加载到变量中
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将本地JSON文件加载到变量中EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将本地JSON文件加载到变量中
EN