JS实现从对象获取对象中单个键值的方法示例

要从一个对象中获取单个键值，可以使用 JavaScript 的点（.）或中括号（[]）运算符。这两种方法可以通过 JavaScript 对象来访问属性值（键值）。

以下是其中一种实现方法：

方法一：使用点运算符获取单个键值

这是获取单个键值的最常见方法。可以通过将点运算符后跟键名称来引用对象中的特定键。示例如下：

const object = { key1: 'value1', key2: 'value2' };

console.log(object.key1); // 'value1'

在这个例子中，对象具有两个键和对应的值，可以通过对象名称和点运算符加上键名称来访问对象中的键和值。输出结果为 'value1'。

使用点运算符有一些限制。具体来说，只能使用点运算符来访问像字面对象属性一样的属性，而不能用于动态计算的值，特殊字符（如 -）或属性名非法的属性。在这种情况下，必须将属性名包含在中括号中，而不能使用点符号。示例如下：

const object = { 'key-name': 'value' };

console.log(object['key-name']); // 'value'

在这个例子中，对象具有一个名为 'key-name' 的键和一个对应值 'value'。由于该键名有特殊字符 -，所以需要将该键名包含在中括号中以防止语法错误。输出结果为"value"。

方法二：使用中括号运算符获取单个键值

中括号运算符也可以用于访问对象中的键值。这种方法可以使用变量或字符串表达式来引用键，这使得它比点运算符更加灵活。例如：

const object = { key1: 'value1', key2: 'value2' };
const keyName = 'key2';

console.log(object[keyName]); // 'value2'

在这个例子中，我们首先定义了一个对象，其中有两个键值对（key1: 'value1' 和 key2: 'value2'）。然后我们定义了一个变量 keyName，并将其设置为 'key2'。最后，我们使用对象名称和方括号来引用键和变量本身。获得了键值 'value2'。

中括号运算符还可以用来动态地计算属性名称，这使得其更加灵活。例如：

const object = { key1: 'value1', key2: 'value2' };
const computedKeyName = 'key' + 2;

console.log(object[computedKeyName]); // 'value2'

在这个例子中，我们定义了一个变量computedKeyName，并将其设置为 'key' + 2。然后，我们使用方括号并传递变量以在对象上访问特定键。输出结果为'value2'。

总结：以上两种方法都是获取对象中单个键值的方法。点运算符只能用于字面对象属性，而中括号运算符可以更加灵活地使用变量和字符串表达式访问属性值。