基于第一个索引过滤二维javascript数组

时间:2012-01-05 14:35:03

标签: javascript arrays

我有以下javascript数组代码,它定义了一些项目:

product[17564] =    Array;
product[17564][1245] = ['BL-2810', 'text1']; 
product[17564][1246] = ['BL2810AB', 'text2']; 
product[17564][1247] = ['BL2810AN', 'text3']; 

product[17563] =    Array;
product[17563][1238] = ['BK-2810', 'text4']; 
product[17563][1239] = ['BK2810AB', 'text5']; 

product[17565] =    Array;
product[17565][1253] = ['CK-2810', 'text6']; 
product[17565][1254] = ['CK2810AN', 'text7']; 

我希望根据'product'数组的第一个索引过滤项目,该索引是由用户动态设置的。例如,如果用户设置的数字是'17563',那么我想过滤以下具有'17563'作为第一个索引的项目:

product[17563][1238]
product[17563][1239]

并仅在后面的代码中使用这些项目。 感谢。

2 个答案:

答案 0 :(得分:0)

您似乎拥有产品类别,并且在每个类别中都有一些产品。

看起来类别和产品都有一种id,你用它作为数组索引。

我认为您没有使用正确的数据结构来存储数据。

如果您只有3个类别ids 17883,17884和17885会怎样? 你将以一个17886(计数位置0)位置的数组结束,只使用其中的3个。

您需要做的是存储类别信息和产品信息的对象,然后使用这些对象填充数组。

例如:

var categories = new Array();

var category1 = new Object();
category1.id = 17883;
category1.products = new Array();
categories[0] = category1;

var product1 = new Object();
product1.id = 1233;
product1.code = 'BK-404';
product1.name = 'text3';

category1.products[0] = product1;
// and so on

要阅读您要做的信息:

var userInput = //receive user input
for(var i = 0; i < categories.length; i++){
    if(categories[i].id == userInput){
        return categories[i].products;
    }
    return null; //category not found
}

答案 1 :(得分:0)

感谢您的帮助,它给了我使用json对象的线索。实际上我有每个产品都有的产品数据和一些变体,带有属性(即类别和属性的类似逻辑,如答案中所示)。

最终我json编码了我从中获取数据的初始php数组('$ array'),

$array_json=json_encode($array);

并将其传递给javascript(这是通过smarty完成的,因为我在我的应用程序中使用了smarty模板。)

$smarty->assign('array_json', $array_json);

然后在smarty模板文件中,我从smarty数组中创建了一个javascript数组:

var prd_array={$array_json};

并继续:

for (var product_id in prd_array) {
            if(product_id == id) {
                for (var variant_id in prd_array[product_id]) {                     
                    for (var some_attribute_id in prd_array[product_id][variant_id].attributes)     {                           
                        var variant_title = prd_array[product_id][variant_id].attributes[some_attribute_id].attribute_name;                         
                        document.myfrm.myselect.options[document.myfrm.myselect.options.length]=new Option("variant_title, variant_id, true, false);                             
                    }
                }
                break;
            }               
        } 

为了解释上述情况,我使用嵌套循环迭代到多维数组的更深层次,以便获得用户所选产品的变体的某些属性值。 'id'是用户选择的产品ID值,与每个product_id值进行比较,匹配时,会迭代特定产品的变体及其atttributes属性,始终有一个索引为some_attribute_id的单个元素,其中一个属性为attribute_name,这是用于在动态填充的选择菜单中显示的值之一(以及variant_id值)。