JavaScript | Propiedades del objeto

Las propiedades del objeto se definen como una simple asociación entre nombre y valor. Todas las propiedades tienen un nombre y el valor es uno de los atributos vinculados con la propiedad, que define el acceso otorgado a la propiedad. Las propiedades se refieren a la colección de valores que están asociados con el objeto de JavaScript. Esta colección puede no seguir ningún orden en particular. JavaScript proporciona la función para agregar, eliminar y modificar las propiedades. Las propiedades se denotan por pares nombre:valores.

Sintaxis:

```
objectName.property 
```
```
objectName["property"]
```
```
objectName[expression]
```

Propiedades:

Además: puede agregar nuevos objetos simplemente dando valores a esos nuevos objetos.
eliminación: utiliza la palabra clave eliminar para eliminar una propiedad de un objeto.

Ejemplo 1: muestra la adición de una nueva propiedad al objeto existente.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        JavaScript Object Properties
    </title>
</head>
  
<body>
    <h1>Geeks</h1>
      
    <h3>JavaScript Object Properties</h3>
      
    <p id="gfg"></p>
      
    <!-- Script to add object property -->
    <script>
        var employee = {
            name:"Steve",
            id:"123"
        };
      
        employee.age="25";
          
        document.getElementById("gfg").innerHTML = employee.name
            + " age " + employee.age + " years, and has unique id "
            + employee.id +".";
    </script>
</body>
  
</html>

Producción:

Ejemplo 2: muestra la eliminación de una propiedad del objeto existente.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        JavaScript Object Properties
    </title>
</head>
  
<body>
    <h1>Geeks</h1>
      
    <h3>JavaScript Object Properties</h3>
  
    <p id="gfg"></p>
      
    <!-- Script to delete object content -->
    <script>
        var employee = {
            name:"Steve",
            id:"123"
        };
          
        /* Delete employee id */
        delete employee.id;
        document.getElementById("gfg").innerHTML = employee.name
                + " has unique id " + employee.id +"." ;
    </script>
</body>
  
</html>

Producción:

Hay diferentes formas de acceder a las propiedades del objeto. Los siguientes ejemplos demuestran las diferentes técnicas de acceso:

Ejemplo: este ejemplo usa .property para acceder al elemento del objeto.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        JavaScript Object Properties
    </title>
</head>
  
<body>
    <h1>Geeks</h1>
      
    <h3>JavaScript Object Properties</h3>
  
    <p>Using .property to access an object</p>
  
    <p id="gfg"></p>
      
    <script>
        var employee = {
            name:"Steve",
            id:"123"
        };
          
        document.getElementById("gfg").innerHTML = employee.name
                + " has unique id " + employee.id ;
    </script>
</body>
  
</html>                    

Producción:

Ejemplo: Este ejemplo usa [“propiedad”] para acceder al elemento del objeto.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        JavaScript Object Properties
    </title>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
      
    <h3>JavaScript Object Properties</h3>
  
    <p>Using ["property"] to access an object</p>
      
    <p id="gfg"></p>
      
    <!-- Script to access an object -->
    <script>
        var employee = {
            name:"Steve",
            id:"123"
        };
          
        document.getElementById("gfg").innerHTML = employee["name"]
                + " has unique id " + employee["id"] ;
    </script>
</body>
  
</html>                    

Producción:

Ejemplo: Este ejemplo usa for…in loop para acceder al elemento del objeto.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        JavaScript Object Properties
    </title>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
      
    <h3>JavaScript Object Properties</h3>
  
    <p>Using for...in loop</p>
      
    <p id="GFG"></p>
      
    <!-- Script to use loop to access object content -->
    <script>
        var gfg = "";
        var employee = {
            name:"Steve",
            id:"123"
        };
          
        var z;
        for (z in employee) {
            gfg += employee[z] + " ";
        }
        document.getElementById("GFG").innerHTML = gfg;
    </script>
</body>
  
</html>                    

Producción:

Publicación traducida automáticamente

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

Deja una respuesta Cancelar la respuesta