3

Teniendo el siguiente objeto JSON:

var employees = {
      "staff": [{
        "firstName": "Tony",
        "lastName": "deAraujo",
        "age": 99
      }, {
        "firstName": "John",
        "lastName": "Smith",
        "age": 33
      }, {
        "firstName": "Mary",
        "lastName": "Adams",
        "age": 29
      }],
      "management": [{
        "firstName": "Judy",
        "lastName": "Garland",
        "age": 43
      }]
    };

Quisiera saber si es posible mostrar en una misma conversión con stringify:

firstName y lastName de staff y age de management.

Ya que se que se puede hacer por separado asi:

 var resultado = JSON.stringify(employees, ["staff", "firstName","lastName"]);

 var resultado2 = JSON.stringify(employees, ["management", "age"]);

Trate haciendo lo siguiente:

1) var resultado = JSON.stringify(employees, ["staff", "firstName","lastName" ,"management", "age"]);

Pero me devuelve firstName , lastName , age tanto de staffcomo de management.

{"staff":[{"firstName":"Tony","age":99},{"firstName":"John","age":33},{"firstName":"Mary","age":29},{"firstName":"Loren","age":29}],"management":[{"firstName":"Judy","age":43},{"firstName":"Loren","age":29}]}

2) var someString = JSON.stringify(employees, ["staff", "firstName","lastName"],["management", "age"]);

Pero me devuelve solo firstName y lastName de staff

{"staff":[{"firstName":"Tony","lastName":"deAraujo"},{"firstName":"John","lastName":"Smith"},{"firstName":"Mary","lastName":"Adams"},{"firstName":"Loren","lastName":"Santos"}]}

Resultado esperado:

{"staff":[{"firstName":"Tony","lastName":"resultado"},{"firstName":"John","lastName":"resultado"},{"firstName":"Mary","lastName":"resultado"},{"firstName":"Loren","lastName":"resultado"}],"management":[{"age":"43","age":"23"}}

Supongo que algo asi, creo que me faltan comas y llaves.

6
  • puedes poner el ejemplo de como quieres el json para tu objeto? Commented el 28 abr. 2017 a las 14:06
  • @ArieCwHat dejame intentar armarlo jejeje
    – Dev 200
    Commented el 28 abr. 2017 a las 14:17
  • Por qué [{"age":43,"age":23}] como resultado esperado en management? De donde sale el 23? Porqué pones en resultado esperado de staff la propiedad age si más arriba dices que quieres firstName y lastName? Commented el 28 abr. 2017 a las 14:24
  • Le especifique a ariel que trataria de armarlo, no me fije bien en lo que copie
    – Dev 200
    Commented el 28 abr. 2017 a las 14:27
  • De acuerdo, no pasa nada!! =)) Commented el 28 abr. 2017 a las 14:28

1 respuesta 1

3

Creo que usar JSON.stringify para hacer este proceso de esta manera, es complicarse demasiado. Recorriendo el array puedes ir escogiendo las claves que formarán parte de tu nuevo JSON. (Primer Ejemplo)

Aunque si lo deseas puedes utilizar el segundo argumento de JSON.stringify pero en vez de pasarle un Array, debes pasarle una función. En esta función (que recibe la clave y el valor del objeto que está convirtiendo a string) comprobamos la clave y formteamos el contenido de staff y management para que los objetos dentro de esos Arrays contengan solo las propiedades que queremos (Segundo ejemeplo)

var employees = {"staff":[{"firstName":"Tony","lastName":"deAraujo","age":99},{"firstName":"John","lastName":"Smith","age":33},{"firstName":"Mary","lastName":"Adams","age":29}],"management":[{"firstName":"Judy","lastName":"Garland","age":43}]};

let fnParse = (key, array) => 
  key == 'staff' 
    ? array[key].map( ({firstName, lastName}) => ({firstName, lastName}) )
    : array[key].map( ({age}) => ({age}) )

let formatted = 
  Object
  .keys(employees)
  .reduce( (obj, key) => (obj[key] = fnParse(key, employees), obj), {})

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

let formattedStr = JSON.stringify(employees, (key, val)=>{
  if(key == 'staff') 
    return val.map( ({firstName, lastName}) => ({firstName, lastName}) );
  if(key == 'management') 
    return val.map( ({age}) => ({age}) );
  return val;
});
console.log(formattedStr);

Para ver el código en ES5 Pincha aquí

5
  • Estaba leyendo de las funciones, y trate de meter algo asi: JSON.strigify(employees, function(key,value){}, function(key,value){});
    – Dev 200
    Commented el 28 abr. 2017 a las 14:24
  • el segundo ejemplo me parece genial, pero como funciona .map, si pudieras agregarlo seria genial :)
    – Dev 200
    Commented el 28 abr. 2017 a las 14:26
  • Array#map devuelve un nuevo array a partir del original, para cada elemento dentro del array se ejecuta la función que se le pasa y hará que modifique el elemento contenido en el array. developer.mozilla.org/es/docs/Web/JavaScript/Referencia/… Commented el 28 abr. 2017 a las 14:29
  • sobre (key,val)=>{ es eso obligatorio el => ? pues en mi libro sale (key,val){ o es porque esta contenido dentro del let?
    – Dev 200
    Commented el 28 abr. 2017 a las 14:31
  • Es una sintaxis "nueva". Se podría escribir como function(key, val){}. He editado la respuesta con un link donde podrás ver el código en la versión ES5 de JS. Commented el 28 abr. 2017 a las 14:36

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.