How can I read a JSON without parent root name with JavaScript?

Question

I have a JSON file which has this:

[
   {
      "id":"1",
      "customer":{
         "nickname":"nick001",
         "email":"",
         "id":"15615",
         "name":"Smith Dole",
         "phone":"5555555"
      },
      "totalorder":"44155",
      "items":[
         {
            "code":"041545420",
            "title":"item",
            "quantity":1,
            "price":"2461.7500",
            "subtotal":2461.75
         }
      ]
   }
]

As you can see it doesn´t have any parent root name. How can I read this JSON with JavaScript ?

I was thinking to PARSE the Json but JSON.parse(need the name)

Is it possible to call this JSON in my JavaScript code and asign it a variable ?

var newSelling = data from the JSON

The JSON is being generated by another system which generates it that way so I need to read the JSON to get the data needed for other processes

the JSON is automatically generated and it is in an external file

@Halil Çakar The JSON is automatically generated and it is in an external file. How can I add it newSelling[0] ? — Victor Velasco, Jun 26 '20 at 23:00
Is this a node project or a browser based one? if it's node based you can require() to a variable and use it as an array. If it's a json and coming from request then it will be array again so it depends — halilcakar, Jun 26 '20 at 23:02
@Halil Çakar Json file is left that way in a folder. So I have to set the path in order to read the JSON — Victor Velasco, Jun 26 '20 at 23:06
Again, Is this a nodejs project? or do you need to read it from a browser? — halilcakar, Jun 26 '20 at 23:07
@Halil Çakar I need to read it from a browser. It is not a nodejs project — Victor Velasco, Jun 26 '20 at 23:10
Well browsers doesn't have the ability to read a file directly, so you can make a get request to full path of json and inside response you will have your array :) you can maybe check here https://www.freecodecamp.org/forum/t/how-to-get-json-data-from-a-website/153769/2 — halilcakar, Jun 26 '20 at 23:12

score 1 · Answer 1 · answered Jun 26 '20 at 23:15

1

So it is a JSON file. Request it with fetch or XMLHttpRequest and access the JSON.

fetch('/path/to/your/file.json')
  .then(response => response.json())
  .then(data => {
    console.log(data)
  });

answered Jun 26 '20 at 23:15

epascarello

204,599
20
195
236

Menai Ala Eddine - Aladdin · Answer 2 · 2020-06-26T23:26:45.570

1

If you want to read the file in the Browser from your local you can use one of these solutions :

I recommend Fetch API.

      fetch("data.json")
      .then(response => response.json())
      .then(json => console.log(json));

It works in Firefox, but in Chrome you have to customize security setting.

edited Jun 26 '20 at 23:26

answered Jun 26 '20 at 23:17

Menai Ala Eddine - Aladdin

2,364
4
22
46

score -1 · Answer 3 · answered Jun 26 '20 at 23:01

-1

If you look carefully, you'll see that this JSON file is just a JSON array with only one Object inside of it. So you have to access the object that is in the array.

let arr = JSON.parse(*the json object*);
let obj = arr[0];

I haven't tested this, but hopefully this helps.

answered Jun 26 '20 at 23:01

Daniel Choi

19
6

The JSON is automatically generated and it is in an external file – Victor Velasco Jun 26 '20 at 23:04

score -1 · Answer 4 · answered Jun 26 '20 at 23:19

Here in your case, using JSON.parse only is not working but the combination of JSON.stringify and JSON.parse is working as I tried. So first, we can stringify it and then we can parse it

Like this :

var a = [
   {
      "id":"1",
      "customer":{
         "nickname":"nick001",
         "email":"",
         "id":"15615",
         "name":"Smith Dole",
         "phone":"5555555"
      },
      "totalorder":"44155",
      "items":[
         {
            "code":"041545420",
            "title":"item",
            "quantity":1,
            "price":"2461.7500",
            "subtotal":2461.75
         }
      ]
   }
];

var b = JSON.stringify(a);
var c = JSON.parse(b);
console.log(c[0].id); //output : 1

GersonSalvador · Answer 5 · 2020-06-26T23:11:16.627

-2

Parsing JSON should work as follows:

const json = '{"result":true, "count":42}';
const obj = JSON.parse(json);

console.log(obj.count);
// expected output: 42

console.log(obj.result);
// expected output: true

More info

Edit: You can red this question. I think it may help

edited Jun 26 '20 at 23:11

answered Jun 26 '20 at 22:59

GersonSalvador

12
4

The JSON is automatically generated and it is in an external file – Victor Velasco Jun 26 '20 at 23:03

How can I read a JSON without parent root name with JavaScript?

5 Answers5