在 JavaScript 对象中分配和检索值的方法

介绍

可以通过四种方式将键和值分配给对象。

1. 点符号
2. 方括号表示法
3. object.defineproperty() 方法
4. object.defineproperties() 方法

点符号

点表示法是一种在 javascript 中访问对象属性的简单且常用的方法。您可以使用点表示法创建属性并将其分配给对象。这种方法允许您在创建对象后动态定义属性。

let objectname = {};  // "object literal" syntax
objectname.somekey = somevalue; // set property and value

const value = objectname.somekey; // retrive value

优点

可读性：

易于阅读和理解。

示例：person.name 比 person['name'] 更容易解释。

易于使用：

简单的语法，可以快速编写。

立即学习“Java免费学习笔记（深入）”；

静态属性名称：

非常适合访问具有有效标识符（字母、数字、下划线和 $）的属性。

缺点

仅限有效标识符：

当属性名称包含特殊字符、空格或动态时失败。

示例：person.first-name 会抛出错误；使用 person["first-name"] 代替。

不能使用变量：

示例：如果属性名称存储在变量中，则不能使用点表示法。

方括号表示法

方括号表示法允许使用字符串或变量动态访问或操作对象属性。方括号比点符号更灵活，因为它们可以使用任何属性名称或变量。不过，它们写起来有点困难。

Khroma

AI调色盘生成工具

下载

优点

动态属性访问：

允许属性名称是变量或表达式。

示例：当 propname 为变量时，obj[propname] 是灵活的。

特殊字符和空格：

适用于包含特殊字符、空格或保留关键字的属性名称。

示例: obj["first-name"] 或 obj["class"].

迭代灵活：

在循环对象的属性时很有用。

缺点

可读性较差：

与点表示法相比更难阅读，尤其是对于嵌套属性。

容易出现错别字：

开发过程中可能无法发现属性名称中的错误（例如 obj["naem"]）。

详细：

需要更多的输入和对字符串键使用引号。

object.defineproperty() 方法

object.defineproperty() 方法为对象定义一个新属性或更新现有属性，然后返回该对象。

const user = {};

object.defineproperty(user,  'firstname', {
  value: 'john',
  writable: true, // `false` is default
});

console.log('first name', user.firstname);

object.defineproperties() 方法

object.defineproperties() 方法直接在对象上定义新属性或修改现有属性，并返回该对象。

const user = {};

Object.defineProperty(user, {
  'firstName': {
    value: 'John',
  },
  'lastName': {
    value: 'Kennady',
  },
});

console.log('First name', user.firstName);
console.log('Last name', user.lastName);