JavaScript 通过对键的引用获取对象的值


在 JavaScript 中,对象以键值对的形式编写。 我们可以通过键来获取对象的值。

但也可以通过变量引用键并使用变量访问对象中的值。 本文将介绍其实现方式。


JavaScript 中对象的访问属性

JavaScript 有多种方法来访问对象的属性。 所谓属性,就是一个对象的键。

我们可以使用方括号 []、点运算符 . 和对象解构来获取属性的值。 让我们逐一分析。

我们需要引用方括号内的属性来获取值,如下例所示。

示例代码:

var age = {
   Jack: 25,
   Danny: 23,
   Harry: 24
}

console.log(age['Jack']);

输出:

25

在上面的示例中,我们有一个对象 age,它包含字符串中的属性和数字中的值。 使用方括号,我们通过调用属性 Jack 访问了值 25。

让我们尝试使用点运算符来做到这一点。

console.log(age.Danny); //23

我们可以通过使用点运算符调用对象的属性来访问该值。 注意使用方括号符号时的区别。

我们在报价中写下了财产。 这是因为该属性是一个字符串。

但是即使属性在字符串中,我们也不必在使用点运算符时使用引号。

现在,让我们通过解构对象来访问这些值。

var { Harry } = age
console.log(Harry) // 24

在这里,我们将属性 Harry 放在花括号 {} 内。 它像一个变量一样工作,并将年龄对象作为它的值。

我们可以访问属性 Harry 的值。 这称为对象解构。


在 JavaScript 中使用方括号通过引用变量获取对象的值

我们还可以使用变量引用对象的属性,并使用它来访问对象的值。 它可以使用方括号符号 [] 来完成。

例如,考虑我们上面创建的年龄对象。 接下来,创建一个变量名称并将其设置为 Jack。

然后,使用方括号表示法访问名称变量以获取对象的值,如下所示。

示例代码:

var age = {
   Jack: 25,
   Danny: 23,
   Harry: 24
}

var name = "Jack";
console.log(age[name]);

输出:

25

使用点运算符时这是不可能的。

console.log(age.name); //undefined

这样,我们就可以在JavaScript中使用方括号通过属性引用的变量来访问对象的值了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
获取JavaScript对象名和名,可以使用以下方法: 1. 使用Object.keys()方法可以获取对象名列表。该方法返回一个由对象名组成的数组。可以通过遍历该数组来获取每个名。 2. 使用Object.values()方法可以获取对象列表。该方法返回一个由对象组成的数组。同样,可以通过遍历该数组来获取每个。 例如,在JavaScript,如果有一个名为obj的对象,可以使用以下代码获取它的名和: ```javascript var obj = { name: 1, age: 2, order: 3 }; const klist = Object.keys(obj); const vals = Object.values(obj); console.log('名列表', klist); console.log('列表', vals); ``` 在上述代码,Object.keys(obj)返回一个数组,其元素为对象obj的名。Object.values(obj)返回一个数组,其元素为对象obj的。通过遍历这两个数组,就可以对象名和。<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [js获取对象,数组所有属性(key)和对应(value)的方法示例](https://download.csdn.net/download/weixin_38678022/12940547)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [javascript获取对象名列表、列表](https://blog.csdn.net/weixin_42554330/article/details/130937211)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

迹忆客

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值