1

Normalmente accedo a las propiedades de los objetos asi:

nombre = body.first_name;

El problema es que la ruta la recibo por parametro.

var ruta="first_name"

y al poner

nombre= body.ruta;

intenta acceder a la propiedad ruta y no a la propiedad first_name

6
  • No está muy claro lo que pretendes... body.ruta no tiene nada que ver con var ruta. Si quieres guardar el firstname tienes que poner body.firstname = "firstname" y despues acceder de igual manera.
    – lois6b
    el 11 jul. 2017 a las 13:06
  • quiero recibir la ruta desde un string. un ejemplo mas completo seria: el 11 jul. 2017 a las 13:07
  • var path = "user.extended.first_name"; texto= body.path; el 11 jul. 2017 a las 13:08
  • pero en ese caso accederia a body.path y no a body.user.extended.first_name el 11 jul. 2017 a las 13:09
  • Ahhh entonces en la ruta te indica qué propiedad quieres acceder. no ¿?
    – lois6b
    el 11 jul. 2017 a las 13:09

4 respuestas 4

4

Para acceder a una propiedad basta acceder mediante los brackets [ ], el operador debe ser un texto

Por ejemplo

var obj = {first_name: "Jhon Doe"}
var ruta="first_name"
nombre = obj[ruta] 
console.log(nombre)

La línea obj[ruta] se expande a obj["first_name"] que es equivalente a hacer obj.first_name por lo tanto devuelve Jhon doe

5
  • var path = "user.extended.first_name"; divide = body[path]; el 11 jul. 2017 a las 13:20
  • probe asi y no puedo acceder el 11 jul. 2017 a las 13:20
  • en cambio divide= body.user.extended.first_name; el 11 jul. 2017 a las 13:20
  • si funciona. no logro pasarle por variable el 11 jul. 2017 a las 13:20
  • @AlexisGranja eso es porque no es recursivo, debes hacer en todo caso un eval, ya que tienes muchos objetos anidados var nombre = eval('body.' +ruta) ó bien hacer una función que acceda recursivamente a las propiedades... el 11 jul. 2017 a las 13:22
3

Las otras soluciones lo mas seguro es que fallen cuando se intenta acceder a un nested object, es decir, un objeto mas complejo que tenga otro objeto dentro, y queramos acceeder a una pripiedad que esta bien adentro, pues bien, hice una pequena funcion utilitaria que puede ayudar a resolver este problema:

function getProps(obj, path) {
  var arr = path.split('.');
  var parent = obj;
  var name = arr[0];

  arr.slice(1).forEach((fieldName) => {
    parent[name] = parent[name] || {};
    parent = parent[name];
    name = fieldName;
  });
  return parent[name];
}


var obj = {
  bar: {
    foo: 3,
    hello: {
      there: {
        foo: 3
      }
    }
  }
}

console.log(getProps(obj, 'bar.foo'));
console.log(getProps(obj, 'bar.hello.there'));

Update

Dejo el ejemplo completo de como lo uso, del cual lo adapte para la respuesta, este es mas completo pues tambien puede modificar el json, y crear los campos padres como sea necesario:

export function resolvePath(obj: any, path: string) {
    const arr = path.split(".");
    let parent = obj;
    let name = arr[0];

    arr.slice(1).forEach((fieldName) => {
        parent[name] = parent[name] || {};
        parent = parent[name];
        name = fieldName;
    });

    return {
        get(): any {
            return parent[name];
        },
        set(value: any) {
            parent[name] = value;
        },
        delete() {
            delete parent[name];
        },
        ref() {
            return [parent, name];
        },
    };
}
3
2

Tambien se puede usar lodash.get https://lodash.com/docs/4.17.4#get. Del ejemplo de este link:

var object = { 'a': [{ 'b': { 'c': 3 } }] };
 
console.log(_.get(object, 'a[0].b.c'));
// => 3
 
console.log(_.get(object, ['a', '0', 'b', 'c']));
// => 3
 
console.log(_.get(object, 'a.b.c', 'default'));
// => 'default'
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

1

Supongamos que tu objeto Body es así

function Body(){

 this.first_name = "Alexis";


}

Puedes acceder a esa propiedad first_name directamente

function Body() {

  this.first_name = "Alexis";


}

var body = new Body();

console.log(body.first_name);

O también puedes pasar el string que contenga la propiedad que quieras.

body["first_name"] 

Si sabes que la ruta te va a llegar del formato user.extended.propiedad puedes hacer un split(".") y quedarte el ultimo elemento

function Body() {

  this.first_name = "Alexis";


}

var body = new Body();


var ruta =  "user.extended.first_name";

var propiedad = ruta.split(".")[2];

console.log(body[propiedad]);

8
  • divide = body.user.extended.first_name; el 11 jul. 2017 a las 13:17
  • asi si puedo acceder el 11 jul. 2017 a las 13:17
  • y pruebo con var path = "user.extended.first_name"; divide = body[path]; el 11 jul. 2017 a las 13:18
  • y no funciona .... el 11 jul. 2017 a las 13:18
  • claro porque tu path no es directabmente body.first_name. Si sabes qué formato va a tener el path puedes hacer un substring para coger la parte que te interesa, en este caso el ultimo first_name. @AlexisGranja (y no escribas tantos comentarios...)
    – lois6b
    el 11 jul. 2017 a las 13:19

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.