JS output array of objects

Question

[
    {'id': 123, 'name': 'apples', 'total': 30},
    {'id': 541, 'name': 'oranges', 'total': 42},
    {'id': 300, 'name': 'bananas', 'total': 18}
]

How do I output this array in a form like that:

Apples: 30
Oranges: 42
Bananas: 18

I tried

let myArray = [{
    'id': 123,
    'name': 'apples',
    'total': 30
  },
  {
    'id': 541,
    'name': 'oranges',
    'total': 42
  },
  {
    'id': 300,
    'name': 'bananas',
    'total': 18
  }
]
console.log(JSON.stringify(myArray.map(a => a.name)))

but that's not exactly what I want.

@NaeemShaikh I'm assuming you mean to use string template. If yes, try escaping \`. Its `\\`` — Rajesh, Jul 27 '18 at 11:11
@mikebrsv, question is, what format do you wish to save? String or array? — Rajesh, Jul 27 '18 at 11:14

score 1 · Answer 1 · answered Jul 27 '18 at 11:17

You can use Object.assign with spread syntax and to create an object from array.

const data = [{'id': 123, 'name': 'apples', 'total': 30},{'id': 541, 'name': 'oranges', 'total': 42},{'id': 300, 'name': 'bananas', 'total': 18}]

const cap = str => str[0].toUpperCase() + str.slice(1)
const result = Object.assign(...data.map(({name, total}) => ({[cap(name)]: total})))
console.log(result)

score 0 · Answer 2 · edited Jul 27 '18 at 11:15

You'll need to iterate the array

let arr = [{
    'id': 123,
    'name': 'apples',
    'total': 30
  },
  {
    'id': 541,
    'name': 'oranges',
    'total': 42
  },
  {
    'id': 300,
    'name': 'bananas',
    'total': 18
  }
]

arr.forEach((element) => {

  // do stuff with data
  let id = element.id;
  let name = element.name;
  let total = element.total;

  console.log(`${name}: ${total}`);

  // or write in div/form with innerHtml etc..
});

score 0 · Answer 3 · answered Jul 27 '18 at 11:16

You can do something like this:

var data = [
    {'id': 123, 'name': 'apples', 'total': 30},
    {'id': 541, 'name': 'oranges', 'total': 42},
    {'id': 300, 'name': 'bananas', 'total': 18}
]

console.log(data.map(a => ({[a['name'].charAt(0).toUpperCase() + a['name'].slice(1)]: a['total']})));

score 0 · Answer 4 · answered Jul 27 '18 at 11:17

Your array will be something like this:

var fruits = [
    {'id': 123, 'name': 'apples', 'total': 30},
    {'id': 541, 'name': 'oranges', 'total': 42},
    {'id': 300, 'name': 'bananas', 'total': 18}
]

You can loop it for array using for loop.

for(i=0; i<fruits.length; i++)

{
    console.log(fruits[i].name + " : " + fruits[i].total);
}

It gives output you desire.

score 0 · Answer 5 · answered Jul 30 '18 at 09:03

you can also do like this

let data=[
    {'id': 123, 'name': 'apples', 'total': 30},
    {'id': 541, 'name': 'oranges', 'total': 42},
    {'id': 300, 'name': 'bananas', 'total': 18}
]

let update=Object.assign(...data.map(item=> ({[item.name.charAt(0).toUpperCase() + item.name.slice(1)]:item.total})))

console.log(update);

JS output array of objects

5 Answers5