how to change value of all nodes of json array

Question

I have a json array with different key values and need to add a ServerUrl to the beginning of all node values using a loop without writing multiple statements to do that by using javascript:

"Urls": [
    { "getCar": "/getAllCars" },
    { "getPerson": "/getAllPersons" },
    { "getBook": "/getAllBooks" }
],
"ServerUrl": "http://192.168.1.1:3000"

The expected result must be:

"Urls": [
    { "getCar": "http://192.168.1.1:3000/getAllCars" },
    { "getPerson": "http://192.168.1.1:3000/getAllPersons" },
    { "getBook": "http://192.168.1.1:3000/getAllBooks" }
],

Any advice would be appreciated.

There is no such thing as a "JSON Array" and arrays don't have key values (they have indexes - objects have keys). JSON is a string format for transporting data payloads over http/https. What you'll have is a JSON string, that will parse into a regular JavaScript array. And, in your case, that array will be populated with objects. — Scott Marcus
– Scott Marcus, Commented Jul 25, 2019 at 20:58
Also, it looks like you aren't really showing all the JSON. It looks like you are showing two keys of a higher level object. — Scott Marcus
– Scott Marcus, Commented Jul 25, 2019 at 21:00

trincot · Accepted Answer · 2019-07-25 21:07:28Z

4

You can use map to map your objects to new objects. Those objects have a single property, which you can get with Object.keys. The new object can get that same property name using the computed property name feature:

var obj = {
    "Urls": [
        { "getCar": "/getAllCars" },
        { "getPerson": "/getAllPersons" },
        { "getBook": "/getAllBooks" }
    ],
    "ServerUrl": "http://192.168.1.1:3000"
};

var urls = obj.Urls.map(o => Object.keys(o).map(k => ({ [k]: obj.ServerUrl + o[k] }))[0]);

console.log(urls);

answered Jul 25, 2019 at 21:07

trincot

357k38 gold badges282 silver badges338 bronze badges

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

Comments

pascalpuetz · Accepted Answer · 2019-07-25 21:11:00Z

1

const jsonVal = {
   "Urls": [
      { "getCar": "/getAllCars" },
      { "getPerson": "/getAllPersons" },
      { "getBook": "/getAllBooks" }
   ],
   "ServerUrl": "http://192.168.1.1:3000"
}

const result = jsonVal.Urls.map(val => 
   Object.keys(val).reduce((resultObj, endpointKey) => {
      resultObj[endpointKey] = `${jsonVal.ServerUrl}${val[endpointKey]}`;
      return resultObj;
   }, {})
);

answered Jul 25, 2019 at 21:11

pascalpuetz

5,4281 gold badge15 silver badges26 bronze badges

Comments

Kamil Kiełczewski · Accepted Answer · 2019-07-25 21:12:56Z

1

Try (where your data are in d)

d.Urls.forEach( (x,i,a,k=Object.keys(x)[0]) => x[k] = d.ServerUrl + x[k]);

let d = {
  "Urls": [
    { "getCar": "/GetAllGroupCustomers" },
    { "getPerson": "/getAllItems" },
    { "getBook": "/GetAllCustomers" }
  ],
  "ServerUrl": "http://192.168.1.1:3000"
}

d.Urls.forEach( (x,i,a,k=Object.keys(x)[0]) => x[k] = d.ServerUrl + x[k]);

console.log(d);

answered Jul 25, 2019 at 21:12

Kamil Kiełczewski

93.7k34 gold badges401 silver badges375 bronze badges

Comments

F.bernal · Accepted Answer · 2019-07-25 21:16:42Z

1

A version that modifies your own object

var obj = {
    "Urls": [
        { "getCar": "/getAllCars" },
        { "getPerson": "/getAllPersons" },
        { "getBook": "/getAllBooks" }
    ],
    "ServerUrl": "http://192.168.1.1:3000"
};

obj.Urls.forEach(o => o[Object.keys(o)[0]] = `${obj.ServerUrl}${o[Object.keys(o)[0]]}`);

console.log(obj);

answered Jul 25, 2019 at 21:16

F.bernal

2,7022 gold badges24 silver badges28 bronze badges

Collectives™ on Stack Overflow

how to change value of all nodes of json array

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related