¡Ayuda al desarrollo del sitio, compartiendo el artículo con amigos!
¿Qué son los objetos JavaScript?
Los objetos son los componentes básicos de todos los lenguajes orientados a objetos. JavaScript, al ser un lenguaje orientado a objetos, no es una excepción a este concepto. Dado que javascript se está adoptando ampliamente debido a su capacidad para proporcionar un comportamiento dinámico a las páginas web, uno debe ser consciente de javascript y de cómo trabajar con sus objetos. Los objetos en javascript son un grupo de diferentes tipos de datos u objetos reunidos como pares de "clave-valor". La parte "clave" del objeto no es más que las propiedades del objeto.
Por ejemplo, supongamos que tenemos un objeto "Estudiante", donde sus propiedades son: nombre, apellido, edad, id_estudiante, clase, etc.
La representación del objeto JavaScript para este objeto de estudiante se representaría de la siguiente manera:
Código:
var estudiante={ nombre : 'Anamika',}
apellido: 'Rai',
edad : 14,
id_estudiante: 20,
clase: 'VIII D'
Aquí tenga en cuenta que las propiedades first_name, last_name y class contienen valores del tipo de datos String, mientras que age y student_id son del tipo de datos numérico.
¿Cómo crear un objeto en JavaScript?
Para crear objetos, javascript proporciona algunas opciones mediante las cuales uno puede crear objetos según sus necesidades.
1. Hacer uso de la sintaxis del inicializador de objetos
La sintaxis del inicializador de objetos es una lista de nombres de propiedades (claves) junto con sus respectivos valores, entre llaves ({… }). En el ejemplo anterior, hemos creado el objeto "estudiante" utilizando la sintaxis del inicializador de objeto.
La sintaxis es la siguiente:
var objeto={ prop_1 : val_1,prop_n: val_n}
prop_2 : val_2,… … …
Aquí las propiedades son de un tipo de datos primitivo (cadena, número, booleano, nulo e indefinido son los tipos de datos primitivos en javascript) u otro objeto.
Ejemplo:
Código:
var estudiante={ nombre : 'Anamika',}
apellido: 'Rai',
edad : 14,
id_estudiante: 20,
clase: 'VIII D'
padres: {padre: 'Mrinal Rai', madre: 'Payal Rai'}
Tenga en cuenta que aquí, la propiedad "padres" es de tipo objeto. Consta de dos subpropiedades, a saber, padre y madre,r respectivamente.
2. Haciendo uso de la función constructora
En este caso, primero, defina una función constructora con sus respectivas propiedades, luego cree su objeto usando la palabra clave "nuevo". Luego asigne los valores a este objeto recién creado.
Ejemplo:
Consideremos una función constructora, por ejemplo, Estudiante:
Código:
función Estudiante(nombre, edad, género){}
este.nombre=nombre;
esta.edad=edad;
este.género=género;
Tenga en cuenta que el nombre del constructor debe comenzar con mayúsculas según la convención de nomenclatura.
Ahora, vamos a crear el objeto usando la palabra clave "nuevo".
Código:
var myStudent=new Student('Anita Rai', 14, 'female');
Además, tenga en cuenta que aquí solo estamos pasando los valores al constructor. El constructor asigna estos valores a las propiedades respectivas usando la palabra clave "esto". Se hace referencia al objeto actual utilizando la palabra clave "this".
3. Hacer uso de la instancia de un objeto
Alternativamente, se podría hacer uso de la instancia de objeto/constructor de objeto para crearlo e inicializarlo de la siguiente manera:
Código:
var estudiante=nuevo Objeto();estudiante.género=“femenino”;
estudiante.nombre=“Anita Rai”;
estudiante.edad=14;
4. Hacer uso del método Create() en la clase de objeto
También se pueden crear objetos utilizando el método create() proporcionado por la clase de objeto. El método create toma un prototipo de objeto como parámetro. Debido a esto, se podría evitar tener que escribir una función constructora.
Ejemplo:
Código:
var estudiante={ nombre : “Anamika Rai”, edad : 14, género : “femenino” }
Aquí "estudiante" es nuestro objeto prototipo. Ahora, usando esto, vamos a crear otro objeto:
Código:
var estudiante_1=objeto.crear(estudiante);
Aquí, el objeto estudiante_1 se crea utilizando el prototipo de estudiante. Si se necesita cambiar alguno de los valores de este objeto recién creado, se hace de la siguiente manera:
Código:
Estudiante_1.nombre=“Ananya Gupta”;
Ahora, el objeto estudiante_1 tiene valores de propiedad similares a los del objeto estudiante excepto por la propiedad "nombre".
¿Cómo acceder a objetos en JavaScript?
Ahora que se ha creado el objeto, lo siguiente que hay que saber es cómo accedemos a él. Bueno, javascript proporciona dos formas de acceder al objeto:
1. Uso de una instancia de objeto
Aquí se utiliza la instancia del objeto para acceder a sus propiedades.
Sintaxis:
objeto.propiedad
Ejemplo:
Considere que tenemos definido un objeto alumno
Código:
var estudiante={ nombre : “Anamika Rai”, edad : 14, género : “femenino” }
Ahora para acceder al objeto y sus propiedades, imprimámoslo en la consola:
Código:
console.log (“Estudiante” + estudiante.nombre + “es” + estudiante.edad + “años”);// salida: la estudiante Anamika Rai tiene 14 años.
2. Uso de corchetes
La propiedad del objeto se coloca entre corchetes después del propio objeto.
Sintaxis:
objeto('propiedad')
Ejemplo:
Acceso al objeto de estudiante anterior usando corchetes
Código:
console.log ("Estudiante" + estudiante('nombre') + "es" + estudiante('edad') + "años");// salida: la estudiante Anamika Rai tiene 14 años.
Métodos de objetos JavaScript
Los métodos javascript más utilizados son los siguientes:
- create(): Como ya hemos visto anteriormente, este método se utiliza para crear objetos javascript a partir de un objeto prototipo.
- is(): Este método toma un segundo objeto como parámetro y determina si ambos objetos son iguales y devuelven un valor booleano. Es decir, si ambos objetos son iguales, se devuelve "verdadero", de lo contrario, "falso".
- keys(): El método keys() toma el objeto javascript como parámetro y devuelve una matriz de sus propiedades.
- valores(): De manera similar, el método de valores toma un objeto javascript como parámetro y devuelve una matriz de sus valores.
- entries(): Este método también toma un objeto javascript como parámetro y devuelve una matriz que contiene otra matriz de ambos pares clave-valor. Ejemplo: Consideremos nuestro objeto "estudiante" una vez más.
Código:
console.log(Objeto.entradas(estudiante));"//salida: Array (Array (nombre, Anamika Rai), Array (edad, 14), Array (sexo, mujer))"
Conclusión
Este artículo da una idea de qué son exactamente los objetos javascript y las diversas formas en que se pueden crear. También analiza las propiedades que poseen estos objetos y cómo se puede acceder a ellos de diferentes maneras. Finalmente, los métodos más utilizados que se deben tener en cuenta para trabajar con objetos javascript.