如何在 JavaScript 中创建对象属性？

JavaScript 基于一个基本的面向对象框架。属性是键和值之间的链接，而对象是一组属性。 JavaScript 对象是不按任何特定顺序排列的属性的集合。

javascript 属性的值也可以是方法或函数。可以更新或修改、添加和删除对象属性。有时属性是静态的，无法修改。在本文中，让我们看看如何访问和创建对象属性。

语法：用于使用以下方式访问对象属性：

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

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

创建对象属性：

示例 1：在下面的代码中，我们创建一个对象并使用点运算符添加属性及其关联值。

Javascript

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

输出：

示例 2：下图是使用对象初始化器编写的，对象初始化器是一个逗号分隔的列表，其中有一对属性名称和对象的关联值，用花括号 ({}) 括起来。我们使用点运算符进一步访问属性值。

Javascript

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

输出：

访问对象属性：

示例：以下示例涵盖了代码中演示的三种访问属性的方法。

Javascript

  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]);

输出：