cannot define a JSON array

Question

I am trying to get data from a JSON file into an angular app, the thing is I will be using this file as a local database and it will contain more than one array so I have to name the array but when I try to define it the vs points it out as an error.

Here's the array

var historybooks = [
{
    "name" : "book1",
    "id" : "his-1",
    "author" : "omar",
    "discription" : "lorem ipsum dolor ....",
    "image" : "./assets/books-images/book1.png"
}
]

vs error "Expected a JSON object, array or literal."

I also tried with let instead of var and get the same error.

u can't "name" an array in json file. what you cn do is add a property to object as an identifier — Sachila Ranawaka, Jul 06 '18 at 13:00

score 1 · Answer 1 · answered Jul 06 '18 at 13:00

1

Use the below code if the file is a JS file:-

export var historybooks = [
{
    "name" : "book1",
    "id" : "his-1",
    "author" : "omar",
    "discription" : "lorem ipsum dolor ....",
    "image" : "./assets/books-images/book1.png"
}
]

If you want to name the file as .json, then use the below code:-

[
{
    "name" : "book1",
    "id" : "his-1",
    "author" : "omar",
    "discription" : "lorem ipsum dolor ....",
    "image" : "./assets/books-images/book1.png"
}
]

You can make an Ajax request to fetch the .json file.

answered Jul 06 '18 at 13:00

Ankit Sharma

1,674
8
11

second one it would be only one array i want to add more than one ,, is it possible ? , cause i want to use as a DB – Omar Abdelhady Jul 06 '18 at 13:04
If you are making it a .json file, you can make an object and then define different arrays in it – Ankit Sharma Jul 06 '18 at 13:06
Nice alternative for including JS files, but just keep in mind that [**export**](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export#Browser_compatibility) is not supported in older browsers such as Internet Explorer. – cнŝdk Jul 06 '18 at 13:19
Thanks for the clarification @chŝdk but would it not work since it is an angular app and would be compiled into native JS code using webpack? – Ankit Sharma Jul 06 '18 at 14:55

score 1 · Answer 2 · answered Jul 06 '18 at 13:04

1

In fact you can't write declarations, inside a JSON file all that you can do is write your JSON object or array directly on the file.

That's why you are getting the error:

"Expected a JSON object, array or literal."

Because you are writing JavaScript code inside of your JSON file, remove the declaration part:

[
{
    "name" : "book1",
    "id" : "his-1",
    "author" : "omar",
    "discription" : "lorem ipsum dolor ....",
    "image" : "./assets/books-images/book1.png"
}
]

answered Jul 06 '18 at 13:04

cнŝdk

31,391
7
56
78

so if i want more than one array i need to make more than one JSON file – Omar Abdelhady Jul 06 '18 at 13:05
@OmarMohmedAbdelhady Yes, you need to make each array in a separate file, you can't use `var historybooks =` declarations. – cнŝdk Jul 06 '18 at 13:06
@OmarMohmedAbdelhady Great, glad it helps. – cнŝdk Jul 06 '18 at 13:08

score 0 · Answer 3 · answered Jul 06 '18 at 13:00

0

It could be that the code after this is being interpreted as an index into the array or something like that
Try adding a semi-colon after the array :

var historybooks = [
  {
      "name" : "book1",
      "id" : "his-1",
      "author" : "omar",
      "discription" : "lorem ipsum dolor ....",
      "image" : "./assets/books-images/book1.png"
  }
]; // <= here

answered Jul 06 '18 at 13:00

imma

4,912
2
17
10

no i had to make it in separate file or an object of arrays – Omar Abdelhady Jul 06 '18 at 13:10

score 0 · Answer 4 · answered Jul 06 '18 at 13:15

0

Just remove decalartion part of your json , and your good to go something like this.

   [
    {
    "Neymary": "pleaseStopDiving"
    }
   ]

answered Jul 06 '18 at 13:15

The Dead Man

6,258
28
111
193

score 0 · Accepted Answer · answered Jul 06 '18 at 14:02

0

You can't declare a variable inside a JSON.Remove the declaration.

If you want to declare more array's you can do this in the same file:

{
"array1":[{"key":"value","key":"value"}],
"array2":[{"key":"value","key":"value"}]
}

answered Jul 06 '18 at 14:02

anud33p

198
4
15

cannot define a JSON array

5 Answers5

Linked