One way to add a JSON object to an empty JSON array using Javascript involves pushing

Question

One way to add a JSON object to an empty JSON array using Javascript involves pushing

Currently, I am facing an issue with an empty JSON array.

shoppingCart: []

In addition to the empty array, I also have a JSON object defined as follows:

let product = {"name": "name", "price": "price", "quantity": "quantity", "logoPath": "logoPath"};

My objective is to add this JSON object to the existing array. To achieve this, I have written the following code snippet:

let obj = JSON.parse(state.shoppingCart);
obj.push(product);
state.shoppingCart = JSON.stringify(obj);

Despite my efforts, I encountered the following error message:

"SyntaxError: Unexpected end of JSON input"

Ultimately, I aim to populate the empty array with multiple objects like the example shown below:

shoppingCart: [{id: 1, name: name1}, {id: 2, name: name2}, {id: 3, name: name3}]

Can you please help me identify where I may have made a mistake in my approach?

javascript json

Answer 1

Answer №1

Don't waste time trying to JSON.parse() the variable shoppingCart

let shoppingCart = []

let product = {
  "name": "name", 
  "price": "price", 
  "quantity": "quantity", 
  "logoPath": "logoPath"
}

//let obj = JSON.parse(shoppingCart)
shoppingCart.push(product)
shoppingCart = JSON.stringify(shoppingCart)

console.log(shoppingCart)

Answer 2

Don't waste time trying to JSON.parse() the variable shoppingCart

let shoppingCart = []

let product = {
  "name": "name", 
  "price": "price", 
  "quantity": "quantity", 
  "logoPath": "logoPath"
}

//let obj = JSON.parse(shoppingCart)
shoppingCart.push(product)
shoppingCart = JSON.stringify(shoppingCart)

console.log(shoppingCart)

Answer 3

Answer №2

It seems like there may be some confusion in understanding the question, but if you're looking to create an array of JSON objects, you can do something similar to this:

let jsonArray = [];
let object1 = {"name": "example1", "price": 1, "quantity": 1, "logoPath": "path1"};
let object2 = {"name": "example2", "price": 2, "quantity": 2, "logoPath": "path2"};
jsonArray.push(object1);
jsonArray.push(object2);
console.log(jsonArray);

I hope this explanation is clear and helps.

Answer 4

It seems like there may be some confusion in understanding the question, but if you're looking to create an array of JSON objects, you can do something similar to this:

let jsonArray = [];
let object1 = {"name": "example1", "price": 1, "quantity": 1, "logoPath": "path1"};
let object2 = {"name": "example2", "price": 2, "quantity": 2, "logoPath": "path2"};
jsonArray.push(object1);
jsonArray.push(object2);
console.log(jsonArray);

I hope this explanation is clear and helps.

One way to add a JSON object to an empty JSON array using Javascript involves pushing

Answer №1

Answer №2

Similar questions

The positioning of images on the fabricjs canvas seems to be unreliable and inconsistent

Header frame is not valid

I encountered an error while decoding JSON: Expecting the property name to be enclosed in double quotes at line 1, column 2

Which is more effective: Layering multiple canvases in the DOM or consolidating all drawing on a single canvas?

Acquire the jQuery cookie with the power of AngularJS

Need assistance in retrieving JSON array items without using mapping or a list view in React Native

Having trouble removing a cookie in express?

In Visual Studio, make sure to include a reference to AngularJS.min.js within another JavaScript file

Exploring new options to deduct time from Kendo UI timepickers without relying on Javascript

Leveraging reframe.js to enhance the functionality of HTML5 video playback

Utilizing the json_encode() function in PHP and JSON.parse() method in JavaScript for handling file data interchange

How to build a unique ajax call function using a single object parameter in jQuery and JavaScript

How to Deserialize JSON Objects with Named Items in C# Arrays

State in Vuex is failing to update effectively when actions are being utilized

I am having trouble locating my TypeScript package that was downloaded from the NPM registry. It seems to be showing as "module not found"

I am unable to get the radio button checked in Angular 2

Develop a dynamic button using JavaScript to fetch information from an array

Are there any CSS hacks available to address the combination of position: sticky and overflow within the parent element?

Use `jq` to select the initial element following a sort for uniqueness

"Implementing JavaScript Validation for Textboxes: A Step-by-Step Guide