使用动态键创建对象

javascript object

2022-08-29 23:25:32

首先，我使用Cheerio进行一些DOM访问，并使用Node.js进行解析。好时光。

情况如下：

我有一个函数，我需要创建一个对象。该对象对其键和值使用变量，然后返回该单个对象。例：

stuff = function (thing, callback) {
  var inputs  = $('div.quantity > input').map(function(){
    var key   = this.attr('name')
     ,  value = this.attr('value');

     return { key : value }
  }) 

  callback(null, inputs);
}

它输出以下内容：

[ { key: '1' }, { key: '1' } ]

(.map()返回对象数组 fyi）

我需要实际成为 .keythis.attr('name')

考虑到我想要做什么，在Javascript中将字符串指定为键的最佳方法是什么？

答案 1

在 JavaScript 的新 ES2015 标准（以前称为 ES6）中，可以使用计算键创建对象：对象初始值设定项规范。

语法为：

var obj = {
  [myKey]: value,
}

如果应用于OP的场景，它将变成：

stuff = function (thing, callback) {
  var inputs  = $('div.quantity > input').map(function(){
    return {
      [this.attr('name')]: this.attr('value'),
    };
  }) 

  callback(null, inputs);
}

注意：浏览器兼容性仍然需要转译器。

使用Babel或Google的tracer，今天可以使用这种语法。

在早期的 JavaScript 规范（ES5 及更低版本）中，对象文本中的键始终按字面解释为字符串。

要使用“动态”键，必须使用括号表示法：

var obj = {};
obj[myKey] = value;

在您的情况下：

stuff = function (thing, callback) {
  var inputs  = $('div.quantity > input').map(function(){
    var key   = this.attr('name')
     ,  value = this.attr('value')
     ,  ret   = {};

     ret[key] = value;
     return ret;
  }) 

  callback(null, inputs);
}

答案 2

不能使用动态键定义对象文本。这样做：

var o = {};
o[key] = value;
return o;

没有捷径（编辑：现在有一个，ES6，看到另一个答案）。