Javascript 中的参数和对象字面量

Question

我有一个传递一些值的函数。 我创建了一个数组并想创建两个名称/值对。 参数valueField和displayField是我传入的字符串。

在我实例化组合存储的底部，valueField 和 displayField 被视为很好的参数。 但是，在我将对象推送到 dataArray 的地方，valueField 和 displayField 不被视为参数，而是被视为文字值。

test:function (valueField, displayField, x, y) {

    var dataArray = []

    dataArray.push(
        {
            valueField: x, //this line does not use paramaters
            displayField: y //this line does not use paramaters
        }
    )

    var comboStore = {
        fields: [valueField,displayField], //this line uses paramaters
        data: dataArray
    }


    return comboStore;
},

我如何像这样参数化对象文字？

我试过 ：

'' + valueField + '': x 

但这似乎不起作用。

Answer 1

使用下标（或“括号”）表示法而不是点表示法：

var data = {};
data[valueField] = x;
data[displayField] = y;
dataArray.push(data);

这有效，但它很冗长。 您可以编写一个函数来封装对象创建逻辑：

function dataPoint(valueField, displayField, x, y) {
  var data = {};
  data[valueField] = x;
  data[displayField] = y;

  return data;
}

dataArray.push(dataPoint('a', 'b', 1, 2));
dataArray.push(dataPoint('c', 'd', 3, 4)); 

如果您的valueField和displayField属性是常量，您可以使用工厂函数进一步干燥代码：

function dataPointFactory(valueField, displayField) {

  return function(x, y) {
    var data = {};
    data[valueField] = x;
    data[displayField] = y;
    return data;
  }    
}

var makeDataPoint = dataPointFactory('valueField1', 'displayField1');

dataPoint.push(makeDataPoint(1, 2));
dataPoint.push(makeDataPoint(3, 4));