JavaScript |对象属性

对象属性被定义为名称和值之间的简单关联。所有属性都有一个名称，值是与该属性链接的属性之一，它定义了授予该属性的访问权限。属性是指与 JavaScript 对象关联的值的集合。此集合可能不遵循任何特定顺序。 JavaScript 提供了添加、删除和修改属性的功能。属性由名称：值对表示。

句法：

• objectName.property 

• objectName["property"]

• objectName[expression]

特性：

• 另外：它可以通过简单地为这些新对象赋值来添加新对象。
• 删除：它使用 delete 关键字，从对象中删除属性。

示例 1：显示向现有对象添加新属性。

  

    
        JavaScript Object Properties
    

  

    Geeks
      
    JavaScript Object Properties
      
    
      
    
    
        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 +".";
    

  
                                

输出：

示例 2：显示从现有对象中删除属性。

  

    
        JavaScript Object Properties
    

  

    Geeks
      
    JavaScript Object Properties
  
    
      
    
    
        var employee = {
            name:"Steve",
            id:"123"
        };
          
        /* Delete employee id */
        delete employee.id;
        document.getElementById("gfg").innerHTML = employee.name
                + " has unique id " + employee.id +"." ;
    

  
                    

输出：

访问对象属性有不同的方法。以下示例演示了不同的访问技术：

• 示例：此示例使用 .property 访问对象元素。

    
  
      
          JavaScript Object Properties
      
  
    
  
      Geeks
        
      JavaScript Object Properties
    
      Using .property to access an object
    
      
        
      
          var employee = {
              name:"Steve",
              id:"123"
          };
            
          document.getElementById("gfg").innerHTML = employee.name
                  + " has unique id " + employee.id ;
      
  
    
                      

  输出：
  

• 示例：此示例使用 [“property”] 访问对象元素。

    
  
      
          JavaScript Object Properties
      
  
    
  
      GeeksforGeeks
        
      JavaScript Object Properties
    
      Using ["property"] to access an object
        
      
        
      
      
          var employee = {
              name:"Steve",
              id:"123"
          };
            
          document.getElementById("gfg").innerHTML = employee["name"]
                  + " has unique id " + employee["id"] ;
      
  
    
                      

  输出：
  

• 示例：此示例使用 for...in 循环访问对象元素。

    
  
      
          JavaScript Object Properties
      
  
    
  
      GeeksforGeeks
        
      JavaScript Object Properties
    
      Using for...in loop
        
      
        
      
      
          var gfg = "";
          var employee = {
              name:"Steve",
              id:"123"
          };
            
          var z;
          for (z in employee) {
              gfg += employee[z] + " ";
          }
          document.getElementById("GFG").innerHTML = gfg;
      
  
    
                      

  输出：