Podemos crear un objeto JavaScript con un objeto literal:
Ejemplo :
var obj = { firstname : "Romy", lastname : "kumari", age : 20}
El nombre: los pares de valores en los objetos de JavaScript se denominan propiedades. Podemos agregar la propiedad al objeto de JavaScript usando una variable como nombre usando la notación de puntos o la notación de corchetes.
El siguiente ejemplo ilustra y explica dos enfoques diferentes:
Ejemplo 1: En este ejemplo, usaremos la notación de puntos.
HTML
<!DOCTYPE html> <html> <body> <p style="font-size: 30px; color: green;" ;> GeeksforGeeks </p> <p id="add"></p> <script> // Variable a and b var a = "string1"; var b = "string2"; var object1 = { firstname: "Romy", lastname: "Kumari" }; // Property using variable name object1.a = "first property"; object1.b = "Second Property"; document.getElementById("add").innerHTML = "Added property are : " + object1.a + " and " + object1.b; </script> </body> </html>
Producción:
Ejemplo 2: Podemos usar el operador de paréntesis si queremos agregar la propiedad con el valor almacenado en la variable. El obj.a no es lo mismo que obj[a]
HTML
<!DOCTYPE html> <html> <body> <p style="font-size: 30px; color: green;";> GeeksforGeeks </p> <p id="add"></p> <script> var myObj = new Object(); var a = "string1"; var b = "string2"; // This can be accesses with // the value stored in b. myObj.b = "somewhere"; // This can be accessed with the // value stored in a that is string1 myObj[a] = "whatever"; document.getElementById("add").innerHTML = "Added property are : " + myObj.string1 + " and " + myObj.b; </script> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por romy421kumari y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA