Question

根据这些答案，我应该能够通过多个值搜索对象。

不幸的是filter()没有返回任何内容。同样适用于jQuery的grep()。

谷歌5页，仍无法找到解决方案。

请帮忙。感谢

var itemPrices = {
        '1':  { 'catid': '1', 'typeid': '1', 'price': '1000' },
        '2':  { 'catid': '1', 'typeid': '2', 'price': '1000' },
        '3':  { 'catid': '1', 'typeid': '3', 'price': '1100' },
        '4':  { 'catid': '2', 'typeid': '1', 'price': '1000' },
        '5':  { 'catid': '2', 'typeid': '2', 'price': '1000' },
        '6':  { 'catid': '2', 'typeid': '3', 'price': '1100' },
        '7':  { 'catid': '3', 'typeid': '1', 'price': '1200' },
        '8':  { 'catid': '3', 'typeid': '2', 'price': '1200' },
        '9':  { 'catid': '3', 'typeid': '3', 'price': '1300' },
        '10':  { 'catid': '4', 'typeid': '1', 'price': '1200' },
        '11':  { 'catid': '4', 'typeid': '2', 'price': '1200' },
        '12':  { 'catid': '4', 'typeid': '3', 'price': '1300' },
    };

    var price = itemPrices.filter(function(item) { return item.typeid == 1 && item.catid == 2; });

    $('body').append(price);

Answer 1

filter()函数仅适用于数组。所以你需要让itemPrices成为一个数组。有两种方法可以将对象转换为数组：

第一个是，如果您可以更改对象，请向其添加length属性，然后使用Array.prototype.slice.call(itemPrices)方法将其设为数组，请查看updated jsfiddle。

第二个更容易理解：

＆＃13;

var itemPrices = {
		'1':  { 'catid': '1', 'typeid': '1', 'price': '1000' },
		'2':  { 'catid': '1', 'typeid': '2', 'price': '1000' },
		'3':  { 'catid': '1', 'typeid': '3', 'price': '1100' },
		'4':  { 'catid': '2', 'typeid': '1', 'price': '1000' },
		'5':  { 'catid': '2', 'typeid': '2', 'price': '1000' },
		'6':  { 'catid': '2', 'typeid': '3', 'price': '1100' },
		'7':  { 'catid': '3', 'typeid': '1', 'price': '1200' },
		'8':  { 'catid': '3', 'typeid': '2', 'price': '1200' },
		'9':  { 'catid': '3', 'typeid': '3', 'price': '1300' },
		'10':  { 'catid': '4', 'typeid': '1', 'price': '1200' },
		'11':  { 'catid': '4', 'typeid': '2', 'price': '1200' },
		'12':  { 'catid': '4', 'typeid': '3', 'price': '1300' },
	};

var arr = [];

for (var item in itemPrices) {
  if (itemPrices.hasOwnProperty(item)) {
        arr.push(itemPrices[item])
  }
}

var price = arr.filter(function(item) { return item.typeid == 1 && item.catid == 2; });
	
console.log(price);

＆＃13;

参考：

Array.prototype.filter() - MDN

How does Array.prototype.slice.call work? - Stack Overflow

Answer 2

这可能有用。过滤功能仅适用于数组。

 var itemPrices = [
            { 'catid': '1', 'typeid': '1', 'price': '1000' },
            { 'catid': '1', 'typeid': '2', 'price': '1000' },
            { 'catid': '1', 'typeid': '3', 'price': '1100' },
            { 'catid': '2', 'typeid': '1', 'price': '1000' },
            { 'catid': '2', 'typeid': '2', 'price': '1000' },
            { 'catid': '2', 'typeid': '3', 'price': '1100' },
            { 'catid': '3', 'typeid': '1', 'price': '1200' },
            { 'catid': '3', 'typeid': '2', 'price': '1200' },
            { 'catid': '3', 'typeid': '3', 'price': '1300' },
            { 'catid': '4', 'typeid': '1', 'price': '1200' },
            { 'catid': '4', 'typeid': '2', 'price': '1200' },
            { 'catid': '4', 'typeid': '3', 'price': '1300' },
        ];

  var price = itemPrices.filter(function(item) { return item["typeid"] == 1 && item["catid"] == 2; });

Answer 3

我知道它的矫kill过正，但我喜欢这样假设您的对象具有两个属性，例如。类型和标题

var searchCategory = $('body .category-selector').val().toLowerCase().trim();
    var searchText = $('body #search-text').val().toLowerCase().trim();

    if (!searchText) {
        searchText = false;
    }
    if (searchCategory === 'all') {
        searchCategory = false;
    }

    var result = gamesData;

    if (searchText !== false) {
        result = result.filter(function(singleGame) {
            var current_title = singleGame.title.toLowerCase().trim();
            return current_title.indexOf(searchText) === -1 ? false : true;
        });
    }

    if (searchCategory !== false) {
        result = result.filter(function(singleGame) {
            var current_category = singleGame.type.toLowerCase().trim();

            return current_category == searchCategory;
        });
    }

    return result;

按对象中的多个值搜索

3 个答案: