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