Adding a JSON elements to an Array of JSON in Javascript

Question

I have JSON and JSON array and I want to push every elements of JSON to JSON array with some condition.

Here is my code:

let json = { Jack: 10, Merry: 29, Charles: 37, Lahm: 0 }
let jsonArray = [
    {
        match: {
            Ashley: 46,
        },
    },
]

for (const key in json) {
    if (json[key] !== 0) {
        jsonArray.push({
            match: `{${key}: ${json[key]}}`,
        })
    }
}

I get the following response:

[
  { match: { Ashley: 46 } },
  { match: '{Jack: 10}' },
  { match: '{Merry: 29}' },
  { match: '{Charles: 37}' }
]

The problem is that pushed elements has single quotes which I don't want. Is there a way to push those elements without quotes?

Specifically, JSON is always a single string whose content is of a certain format. — Ouroborus
– Ouroborus, Commented Feb 9, 2022 at 7:29

Terry · Accepted Answer · 2022-02-09 07:33:23Z

Note that you're not really working with JSON. JSON is a string representation of JavaScript objects. What you have is simply a plain JS object, and also an array of objects.

Your issue is that you're simply passing a string into match, and not an actual object, when you are using template literals.

Instead, use bracket notation to use the value of the key variable in your new match object, i.e.:

match: { [key]: json[key] }

See proof-of-concept example:

let myObject = {
  Jack: 10,
  Merry: 29,
  Charles: 37,
  Lahm: 0
}
let myArrayOfObjects = [{
  match: {
    Ashley: 46,
  },
}, ]

for (const key in myObject) {
  if (myObject[key] !== 0) {
    myArrayOfObjects.push({
      match: {
        [key]: myObject[key]
      }
    })
  }
}

console.log(myArrayOfObjects);

This is also a good chance to explore the use of Object.entries, since it actually returns the a [key, value] tuple:

let myObject = {
  Jack: 10,
  Merry: 29,
  Charles: 37,
  Lahm: 0
}
let myArrayOfObjects = [{
  match: {
    Ashley: 46,
  },
}, ]

Object.entries(myObject).forEach(([key, value]) => {
  if (value !== 0) {
    myArrayOfObjects.push({
      match: {
        [key]: value
      }
    })
  }
});

console.log(myArrayOfObjects);

Palladium02 · Accepted Answer · 2022-02-09 07:30:22Z

3

The problem is that you are pushing an object with a template string in it to the array. You need to change the syntax a little bit.

for (const key in json) {
    if (json[key] !== 0) {
        jsonArray.push({
            match: {[key]: json[key]}
        })
    }
}

answered Feb 9, 2022 at 7:30

Palladium02

1,1811 gold badge7 silver badges17 bronze badges

Comments

Andy · Accepted Answer · 2022-02-09 07:33:40Z

2

You need to access the key/value pairs of the JS object, and not add a string to the array. Once that's completed for all the properties - if you need to - you can then stringify the array to JSON.

const obj = { Jack: 10, Merry: 29, Charles: 37, Lahm: 0 };
const arr = [ { match: { Ashley: 46 } }];

for (const key in obj) {
  arr.push({
    match: { [key]: obj[key] }
  });
}

console.log(arr);
console.log(JSON.stringify(arr));

answered Feb 9, 2022 at 7:33

Andy

63.6k13 gold badges72 silver badges99 bronze badges

Collectives™ on Stack Overflow

Adding a JSON elements to an Array of JSON in Javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related