¿Cómo leer las propiedades de un objeto en JavaScript?

Objetos en JavaScript, es el tipo de datos más importante y forma los componentes básicos para JavaScript moderno. Estos objetos son bastante diferentes de los tipos de datos primitivos de JavaScript (Número, String, Booleano, nulo, indefinido y símbolo) en el sentido de que todos estos tipos de datos primitivos almacenan un solo valor cada uno (dependiendo de sus tipos).

En este artículo veremos cómo podemos leer las propiedades de un objeto en JavaScript. Hay diferentes formas de llamar a las propiedades de los objetos en Javascript.

Accesor de propiedad de punto: en esto, usamos un accesor de propiedad de punto para acceder a la propiedad del objeto, la propiedad debe ser un identificador de JavaScript válido. 

Sintaxis:

ObjectName.propertyName

Ejemplo:

<script>
    var obj={
        name : "Mohan Jain",
        age : 21,
        address : "Bhopal"
    };
      
    var name=obj.name;
    console.log(name); 
</script>

Producción:

Mohan Jain

Uso de corchetes: en esto, usamos un corchete para acceder a la propiedad del objeto. Es lo mismo que acceder a los elementos de un arreglo usando corchetes.

Sintaxis:

ObjectName[propertyName]

Ejemplo:

<script>
    var obj={
        name : "Mohan Jain",
        age : 21,
        address : "Bhopal"
    };
      
    var name=obj[name];
    console.log(name);  
</script>

Producción:

Mohan Jain

Desestructuración de objetos: en esto, leemos una propiedad y asignamos su valor a una variable sin duplicar el nombre de la propiedad. Es similar a la desestructuración de arrays, excepto que en lugar de extraer valores de una array. Las propiedades (o claves) y sus valores correspondientes se pueden extraer de un objeto.

Sintaxis:

var { propertyName } = ObjectName

Ejemplo:

<script>
    var obj={
        name : "Mohan Jain",
        age : 21,
        address : "Bhopal"
    };
      
      
    var { name } = obj;
    console.log(name);  
</script>

Producción:

Mohan Jain

Accediendo a la propiedad de Object usando jQuery: Asegúrese de tener jquery instalado. Podemos usar la función de biblioteca jQuery para acceder a las propiedades de Object. El método jquery.each() se usa para recorrer y acceder a las propiedades del objeto.

Ejemplo:

<script>
    const jsdom = require('jsdom');
    const dom = new jsdom.JSDOM("");
    const jquery = require('jquery')(dom.window);
      
    var obj={
        name : "Mohan Jain",
        age : 21,
        address : "Bhopal"
    };
      
    jquery.each(obj, function(key, element) {
        console.log('key: ' + key + '   ' + 'value: ' + element);
    });
</script>

Producción: