En este tutorial, aprenderá acerca de los objetos JavaScript con la ayuda de ejemplos.
En el tutorial de tipos de datos de JavaScript, aprendió sobre 7 tipos de datos primitivos diferentes. Y aquí vas a aprender sobre el octavo>// object const student = ( firstName: 'ram', class: 10 );
Aquí, studenthay un objeto que almacena valores como cadenas y números.
Declaración de objetos JavaScript
La sintaxis para declarar un objeto es:
const object_name = ( key1: value1, key2: value2 )
Aquí, object_namese define un objeto . Cada miembro de un objeto es un par clave: valor separado por comas y 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, namey ageson claves y Johny 20son valores respectivamente.
Hay otras formas de declarar un objeto en JavaScript. Para obtener más información, visite Diferentes formas de declarar objetos JavaScript.
Propiedades del objeto JavaScript
En JavaScript, los pares "clave: valor" se denominan propiedades . Por ejemplo,
let person = ( name: 'John', age: 20 );
Aquí, name: 'John'y age: 20son propiedades.
Propiedades del objeto JavaScript
Acceder a las propiedades del objeto
Puede acceder al valor de una propiedad utilizando su clave .
1. Usar notación de puntos
Aquí está 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 corchetes.
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 studentcontiene un valor de objeto en la markspropiedad.
Métodos de objetos 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í, una función se utiliza como valor para la tecla de saludo. Es por eso que necesitamos usar en person.greet()lugar de person.greetllamar a la función dentro del objeto.
Un método JavaScript es una propiedad que contiene una declaración de función. En el siguiente tutorial, aprenderá sobre los métodos JavaScript en detalle.
