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
– Sachila Ranawaka, Commented Jul 6, 2018 at 13:00

Ankit Sharma · Accepted Answer · 2018-07-06 13:00:07Z

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 6, 2018 at 13:00

Ankit Sharma

1,70410 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Omar Abdelhady Over a year ago

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

Ankit Sharma Over a year ago

If you are making it a .json file, you can make an object and then define different arrays in it

cнŝdk Over a year ago

Nice alternative for including JS files, but just keep in mind that export is not supported in older browsers such as Internet Explorer.

Ankit Sharma Over a year ago

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?

cнŝdk · Accepted Answer · 2018-07-06 13:04:40Z

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 6, 2018 at 13:04

cнŝdk

32.2k7 gold badges62 silver badges81 bronze badges

3 Comments

Omar Abdelhady Over a year ago

so if i want more than one array i need to make more than one JSON file

cнŝdk Over a year ago

@OmarMohmedAbdelhady Yes, you need to make each array in a separate file, you can't use var historybooks = declarations.

cнŝdk Over a year ago

@OmarMohmedAbdelhady Great, glad it helps.

anud33p · Accepted Answer · 2018-07-06 14:02:49Z

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 6, 2018 at 14:02

anud33p

3185 silver badges15 bronze badges

Comments

imma · Accepted Answer · 2018-07-06 13:00:55Z

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 6, 2018 at 13:00

imma

4,9122 gold badges19 silver badges10 bronze badges

1 Comment

Omar Abdelhady Over a year ago

no i had to make it in separate file or an object of arrays

The Dead Man · Accepted Answer · 2018-07-06 13:15:08Z

0

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

   [
    {
    "Neymary": "pleaseStopDiving"
    }
   ]

answered Jul 6, 2018 at 13:15

The Dead Man

5,59433 gold badges126 silver badges227 bronze badges

Collectives™ on Stack Overflow

cannot define a JSON array

5 Answers 5

4 Comments

3 Comments

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

4 Comments

3 Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related