在Javascript中创建多维数组索引？

Question

我有一个 ajax 请求返回给我一个大致如下所示的对象：

[
 {category: "Test Category", id: "1", name: "Test",  language: "English"},
 {category: "Test Category", id: "2", name: "Test2", language: "English"},
 {category: "A test",        id: "3", name: "Test3", language: "Spanish"},
 {category: "Test Category", id: "4", name: "Test4", language: "Spanish"}
]

基本上我需要一种方法来执行以下操作：

• 列出所有仅以英语或西班牙语存在的类别
• 列出以指定语言存在的所有 ID
• 列出指定类别中存在的所有 ID

现在我相当确定最好的方法是创建我自己的临时数组来存放这些数据，但我对 Javascript 没有足够的信心编写正确的循环来获取这些数据。我知道在 PHP 中我会在循环时执行类似 $category['Test Category'][] = 3 的操作。

我的想法是我需要能够根据用户选择按英语过滤然后按其中的类别过滤事物。

有人能指出正确的方向吗？

Answer 1

在任务中使用下划线的一些方法： http://underscorejs.org

var data = [
 {category: "Test Category", id: "1", name: "Test",  language: "English"},
 {category: "Test Category", id: "2", name: "Test2", language: "English"},
 {category: "A test",        id: "3", name: "Test3", language: "Spanish"},
 {category: "Test Category", id: "4", name: "Test4", language: "Spanish"}
]

// Filter by spanish
var output = _.where(data, {"language":"Spanish"});

// Filter by category
var output = _.where(data, {"category":"A test"});

// List specific category ids
var output = _.pluck(_.where(data, {"category":"A test"}), "id");

// List category names
var output = _.pluck(_.where(data, {"language":"English"}), "category");

// Group by languages
var output = _.groupBy(data, function(value) { 
  return value.language
});
output["English"];

Answer 2

既然你在标签中包含了 jQuery，我想我会使用它：

//All categories with English or spanish language (categories is the array)
$.grep(categories, function(c) { return c.language=='English' || c.language == 'Spanish'; });

Answer 3

使用 vanilla JS，其中 json 是您的原始数组，您可以使用：

function filterJson(attr, obj) {
    var attrList = [],
        match,
        tempAttr,
        i;

    for (i = 0; i < json.length; i += 1) {
        match = true;

        for (tempAttr in obj) {
            if (!obj[tempAttr].test(json[i][tempAttr])) {
                match = false;
                break;
            }
        }

        if (match) attrList.push(json[i][attr]);
    }

    return attrList;
}

并像这样使用它：

“列出所有仅以英语或西班牙语存在的类别”

filterJson('category', {
    language: /(English|Spanish)/
});
// => ["Test Category", "Test Category", "A test", "Test Category"] 

“列出所有以指定语言存在的 ID”

filterJson('id', {
    language: /English/
});
// => ["1", "2"] 

“列出指定类别中存在的所有 ID”

filterJson('id', {
    category: /Test Category/
});  
// => ["1", "2", "4"] 

Answer 4

如果您可以依靠一些关于数据始终为真的假设——例如，您将永远只有类别：、id：、名称：和语言：，并且永远不会有冒号或名称或类别中的任何地方的逗号——那么我实际上建议将所有信息粘贴到单个字符串中并使用 RegExp 来查找它。

例如：

[
 "category:Test Category, id:1, name:Test,  language:English",
 "category:Test Category, id:2, name:Test2, language:English",
 "category:A test,        id:3, name:Test3, language:Spanish",
 "category:Test Category, id:4, name:Test4, language:Spanish"
]

现在，要查找条目的值，请使用 RegExp.match()。

var m = /^category:([^,]+)\s+id:(\d+),\s+name:([^,]+),\s+language:(.+)$/i;
// m[1] = Test Category
// m[2] = 1;
// m[3] = Test2
// m[4] = Spanish

您可以使用测试进行搜索。

function my_filter(criteria) {
    var results = [];
    var re = new RegExp(criteria);
    for (var i=0; i<array.length; i++) {
        if (array[i].test(re))
            results.push(array[i]);
    }
    return results;
}
var english_array = my_filter('language:english');
var atest_array = my_filter('category:a test');

Answer 5

神奇的 Google 术语是“map”和“reduce”。

var data = [...the JSON data parsed with JSON.parse() if necessary...]

var categoriesInEnglish = data.reduce(function(accumulator, category) {
    if(category.language = 'English') {
        accumulator.push(category.id);
    }
});

见http://www.mrspeaker.net/2011/05/02/conventional-interfaces/和http://www.mrspeaker.net/2011/04/27/reducing-map/