使用对象

Question

我正在使用插件Jquery Dropdown和ListJS。

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

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

在这个函数中，我使用的是ListJS插件中的过滤器选项（因此当关闭下拉列表时，列表会被过滤）：

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

此代码正常运行。

问题是：

我想使用变量Object值（在这种情况下，“Produkt”是一个对象值）：

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

如何将“Produkt”更改为变量？

仅使用item.values().MyVar时，它无效。

Answer 1

试试这个，

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

Answer 2

要访问变量，请使用bracket notation：

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;
        }
    });
});