¿Cómo crear propiedades de objeto en JavaScript?

JavaScript se basa en un marco básico orientado a objetos. Una propiedad es un vínculo entre una clave y un valor, mientras que un objeto es un conjunto de propiedades. Un objeto de JavaScript es una colección de propiedades que no están en ninguna secuencia particular. 

El valor de las propiedades de javascript también puede ser un método o una función. Las propiedades de los objetos se pueden actualizar o modificar, agregar y eliminar. a veces las propiedades son estáticas y no se pueden modificar. En este artículo, veamos cómo acceder y crear propiedades de objetos.

Sintaxis: para acceder a una propiedad de objeto utilizando las siguientes formas:

objectName.property;       // Using dot notation
objectName['propertyName'] // Using property name 

// Here expression which relates to property name
objectName[expression]     

Creación de propiedades de objetos:

Ejemplo 1: en el siguiente código, creamos un objeto y agregamos propiedades y sus valores asociados usando el operador de punto.

Javascript

<script>
  let student = new Object();
  student.name = "ishika";
  student.section = "b9";
  student.cgpa = "9.52";
  student.branch = "CSE";
  console.log(student);
</script>

Producción:

Ejemplo 2: La siguiente ilustración está escrita usando un inicializador de objeto, el inicializador de objeto es una lista delimitada por comas, donde hay pares de nombres de propiedades y valores asociados de un objeto, encerrados entre llaves ({}). Además, accedemos a los valores de propiedad utilizando el operador de punto.

Javascript

<script>
  let student = {
    name: "pratyusha",
    section: "b9",
    cgpa: "9",
    branch: "CSE",
  };
  console.log(student.name);
  console.log(student.section);
  console.log(student.cgpa);
</script>

Producción:

Acceder a las propiedades del objeto:

Ejemplo: El siguiente ejemplo cubre las tres formas de acceder a las propiedades que se muestran en el código.

Javascript

<script>
  let student = new Object();
  student.name = "ishika";
  student.section = "b9";
  student.cgpa = "9.52";
  student.branch = "CSE";
  console.log(student);
  
  // way 1
  console.log(student.name);
  // way 2
  console.log(student["name"]);
  // way 3
  let str = "name";
  console.log(student[str]);
</script>

Producción:

Publicación traducida automáticamente

Artículo escrito por isitapol2002 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *