使用对象

Question

我正在使用插件Jquery下拉列表和ListJS。

jQuery下拉插件提供了一个隐藏事件：

$('.dropdown').on('hide', function(event, dropdownData) {
});

在这个函数中，我使用了来自ListJS插件的filter选项(所以当关闭下拉列表时，列表会被过滤)：

$('.dropdown').on('hide', function(event, dropdownData) {
  hackerList.filter(function(item) {
    if (item.values().Produkt == "Cola") {
      return true;
    } else {
      return false;
}
  });
});

这段代码的工作原理是正确的。

问题是：

我想使用一个可变的对象值(在本例中，“Produkt”是一个对象值)：

if (item.values().Produkt == "Cola") {

如何将"Produkt“转换为变量？

当仅仅使用item.values().MyVar时，它是不工作的。

Answer 1

若要访问变量，请使用括号表示法

var myVar = "test";
console.log(yourObject[myVar]); //equivalent to yourObject.test

所以，在你的例子中，这样做：

var myVar = "Product";
$('.dropdown').on('hide', function(event, dropdownData) {
    hackerList.filter(function(item) {
        if (item.values()[myVar] == "Cola") {
             return true;
        } else {
            return false;
        }
    });
});

Answer 2

尝尝这个,

eval ("$('.dropdown').on('hide', function(event, dropdownData) {"
    + "hackerList.filter(function(item) {"
       +" if (item.values()." +Produkt+ " == 'Cola') {"
       +"return true;"
       +"} else {"
     +"return false;"
  +"}  }); });");