当前位置: 首页 > 编程笔记 >

如何从JavaScript中的变量值创建对象属性?

董哲
2023-03-14
本文向大家介绍如何从JavaScript中的变量值创建对象属性?,包括了如何从JavaScript中的变量值创建对象属性?的使用技巧和注意事项,需要的朋友参考一下

JS有2种用于创建对象属性的符号,即点符号和方括号符号。

要从变量创建对象属性,您需要通过以下方式使用方括号表示法-

示例

const obj = {a: 'foo'}
const prop = 'bar'
//设置属性栏
obj[prop] = 'baz'
console.log(obj);

输出结果

这将给出输出-

{
   a: 'foo',
   bar: 'baz'
}

ES6引入了计算属性名称,您可以执行以下操作:

示例

const prop = 'bar'
const obj = {
   //使用as键
   a: 'foo',
   //使用prop的值作为键
   [prop]: 'baz'
}
console.log(obj);

输出结果

这将给出输出-

{
   a: 'foo',
   bar: 'baz'
}
 类似资料:
  • 我有两个Java类,Product和ProductReview。ProductReview除了变量long id和String review外,还有一个名为Product的变量,该变量应包含类Product中的一个对象。例子: Products类有私有变量long id、String name和List评论(它也从Product评论类中获取评论)。产品类与Product评论有一对多的关联,反之亦然

  • 如何从javascript变量中删除对象/数组?

  • 问题内容: 在Python中,可以向1构造函数传递一系列键值对: 除了为此目的定义我自己的函数外,我想不出其他任何方法来在JavaScript中执行此类操作: 但是我是JS新手…这种对对对象转换是否内置任何内容? 1出于这个问题的目的,我将Python字典视为JS对象的Python副本,尽管当然相似性仅限于它们都是键值集合这一事实。 问题答案: 在撰写本文时(2013年),JavaScript对象

  • 问题内容: 我正在尝试类似的方法,但是此示例不起作用。 如何制作这样的动态密钥? 问题答案: 方括号: 在JavaScript中,所有数组都是对象,但并非所有对象都是数组。主要区别(而且很难用直接的JavaScript和普通对象来模仿)数组实例维护该属性,以便它反映一个加属性名称的数字值,该属性的名称是数字,并且在转换为数字时其值,是所有此类属性中最大的。这听起来很奇怪,但它只是意味着给定一个数组

  • 问题内容: 我正在尝试从JavaScript中的JSON过滤数据。 我定义一个变量。我想要等于(不等于)的属性。到目前为止,我还没有找到一种方法。 其他所有内容均正常运行,因为当我将其更改为特定条目(例如,item.date)时,它可以正常工作。我找不到正确的语法。 问题答案: 试试看,也可以通过这种方式访问​​javascript对象。

  • 本文向大家介绍JavaScript变量Dom对象的所有属性,包括了JavaScript变量Dom对象的所有属性的使用技巧和注意事项,需要的朋友参考一下 DOM对象的HTML:   <button>Disable State</buttom> 1,遍历DOM对象所具有的属性(全部,不管是否在HTML tag中是否设置) 结果: 2.遍历DOM对象在HTML中设置过的属性:   每一个attribut