how to loop and save values in array from JSON

Question

I'm trying to get values from external json file and save some values in array. My code :

$.getJSON("https://link.to.my.json", function(data) {
    console.log(data); // this will show the info it in  console
});

So I can get data from json but I'm not sure how I can add first and last name to array [bob rooppo, peter sticker]. Any help would be appreciated and my json:

{
  "users": [
    {
      "test": "123",
      "name": {
        "first": "bob",
        "last": "roppo"
      },
      "email": "bob@gmail.com",
      "phone": "+123456789"
    },
    {
      "test": "124",
      "name": {
        "first": "peter",
        "last": "sticer"
      },
      "email": "peter@gmail.com",
      "phone": "+123456789"
    }
  ]
}

Zenoo · Answer 1 · 2018-05-02T13:27:07.740

You can simply use Array#map :

data.users.map(e =>
  (e.name.first ? e.name.first : '') + //Handles the first name
  (e.name.first ? ' ' : '') +          //Space between the names
  (e.name.last ? e.name.last : '')     //Handles the last name
);

Demo:

const data = {
  "users": [
    {
      "test": "123",
      "name": {
        "first": "bob",
        "last": "roppo"
      },
      "email": "bob@gmail.com",
      "phone": "+123456789"
    },
    {
      "test": "124",
      "name": {
        "first": "peter",
        "last": "sticer"
      },
      "email": "peter@gmail.com",
      "phone": "+123456789"
    }
  ]
};

let result = data.users.map(e => (e.name.first ? e.name.first : '') + (e.name.first ? ' ' : '') + (e.name.last ? e.name.last : ''));
console.log(result);

gurvinder372 · Answer 2 · 2018-05-02T13:24:07.153

You can use map

data.users.map( s => ( s.name.first || "" ) + " " + ( s.name.last || "" ) );

If both property values will always be there, then no need of short-circuiting

data.users.map( s => s.name.first + " " +s.name.last );

Demo

var data = {
  "users": [
    {
      "test": "123",
      "name": {
        "first": "bob",
        "last": "roppo"
      },
      "email": "bob@gmail.com",
      "phone": "+123456789"
    },
    {
      "test": "124",
      "name": {
        "first": "peter",
        "last": "sticer"
      },
      "email": "peter@gmail.com",
      "phone": "+123456789"
    }
  ]
};

var output =   data.users.map( s => s.name.first + " " + s.name.last );

console.log(output);

Don't forget the space between first and last name ;) – Tom May 02 '18 at 13:24 — Tom, May 02 '18 at 13:24

score 0 · Answer 3 · answered May 02 '18 at 13:25

You can use forEach():

var json = {
  "users": [
    {
      "test": "123",
      "name": {
        "first": "bob",
        "last": "roppo"
      },
      "email": "bob@gmail.com",
      "phone": "+123456789"
    },
    {
      "test": "124",
      "name": {
        "first": "peter",
        "last": "sticer"
      },
      "email": "peter@gmail.com",
      "phone": "+123456789"
    }
  ]
}

var res = [];
json.users.forEach(function(p){
  var name = p.name.first + ' ' + p.name.last;
  res.push(name);
});
console.log(res);

how to loop and save values in array from JSON

3 Answers3