Objetos JavaScript

En el tutorial de tipos de datos de JavaScript, aprendió acerca de 7 tipos de datos primitivos diferentes. Y aquí aprenderá sobre el octavo tipo de datos (objeto de JavaScript).

El objeto JavaScript es un tipo de datos no primitivo que le permite almacenar múltiples colecciones de datos.

Nota: si está familiarizado con otros lenguajes de programación, los objetos de JavaScript son un poco diferentes. No es necesario crear clases para crear objetos.

Este es un ejemplo de un objeto JavaScript.

// object
const student = {
    firstName: 'ram',
    class: 10
};

Aquí, student es un objeto que almacena valores como cadenas y números.

Declaración de objeto de JavaScript

La sintaxis para declarar un objeto es:

const object_name = {
   key1: value1,
   key2: value2
}

Aquí, un objeto object_name se define. Cada miembro de un objeto es un valor clave par separado por comas y encerrado entre llaves {}.

Por ejemplo,

// object creation
const person = { 
    name: 'John',
    age: 20
};
console.log(typeof person); // object

También puede definir un objeto en una sola línea.

const person = { name: 'John', age: 20 };

En el ejemplo anterior, name y age son claves y John y 20 son valores respectivamente.

Hay otras formas de declarar un objeto en JavaScript. Para obtener más información, visite Diferentes formas de declarar objetos de JavaScript.

Propiedades de objeto de JavaScript

En JavaScript, los pares «clave: valor» se llaman propiedades. Por ejemplo,

let person = { 
    name: 'John',
    age: 20
};

Aquí, name: 'John' y age: 20 son propiedades.

Acceso a las propiedades del objeto

Puedes acceder a la valor de una propiedad usando su llave.

1. Usando la notación de puntos

Esta es la sintaxis de la notación de puntos.

objectName.key

Por ejemplo,

const person = { 
    name: 'John', 
    age: 20, 
};

// accessing property
console.log(person.name); // John

2. Uso de la notación de corchetes

Aquí está la sintaxis de la notación de paréntesis.

objectName["propertyName"]

Por ejemplo,

const person = { 
    name: 'John', 
    age: 20, 
};

// accessing property
console.log(person["name"]); // John

Objetos anidados de JavaScript

Un objeto también puede contener otro objeto. Por ejemplo,

// nested object
const student = { 
    name: 'John', 
    age: 20,
    marks: {
        science: 70,
        math: 75
    }
}

// accessing property of student object
console.log(student.marks); // {science: 70, math: 75}

// accessing property of marks object
console.log(student.marks.science); // 70

En el ejemplo anterior, un objeto student contiene un valor de objeto en el marks propiedad.

Métodos de objetos de JavaScript

En JavaScript, un objeto también puede contener una función. Por ejemplo,

const person = {
    name: 'Sam',
    age: 30,
    // using function as a value
    greet: function() { console.log('hello') }
}

person.greet(); // hello

Aquí, se utiliza una función como valor para la tecla de saludo. Por eso tenemos que usar person.greet() en vez de person.greet para llamar a la función dentro del objeto.

un JavaScript método es una propiedad que contiene una declaración de función. En el siguiente tutorial, aprenderá en detalle sobre los métodos de JavaScript.