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 Dixit
– Rajesh Dixit, Commented Jul 27, 2018 at 11:11
@mikebrsv, question is, what format do you wish to save? String or array? — Rajesh Dixit
– Rajesh Dixit, Commented Jul 27, 2018 at 11:14

Nenad Vracar · Accepted Answer · 2018-07-27 11:17:29Z

1

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)

answered Jul 27, 2018 at 11:17

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

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

Comments

Andrew Bone · Accepted Answer · 2018-07-27 11:15:08Z

0

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..
});

edited Jul 27, 2018 at 11:15

Andrew Bone

7,3112 gold badges21 silver badges35 bronze badges

answered Jul 27, 2018 at 11:14

Bert Maurau

9795 silver badges21 bronze badges

Comments

Niladri Basu · Accepted Answer · 2018-07-27 11:16:35Z

0

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']})));

answered Jul 27, 2018 at 11:16

Niladri Basu

10.7k7 gold badges59 silver badges65 bronze badges

Comments

Code_Tech · Accepted Answer · 2018-07-27 11:17:23Z

0

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.

answered Jul 27, 2018 at 11:17

Code_Tech

79513 silver badges44 bronze badges

Comments

Danish Khan · Accepted Answer · 2018-07-30 09:03:05Z

0

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);

answered Jul 30, 2018 at 9:03

Danish Khan

3392 silver badges9 bronze badges

Collectives™ on Stack Overflow

JS output array of objects

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related