0

我想采用这样的数组:

var food = [
    {
        name: 'strawberry',
        type: 'fruit',
        color: 'red',
        id: 3483
    },
    {
        name: 'apple',
        type: 'fruit',
        color: 'red',
        id: 3418
    },
    {
        name: 'banana',
        type: 'fruit',
        color: 'yellow',
        id: 3458
    },
    {
        name: 'brocolli',
        type: 'vegetable',
        color: 'green',
        id: 1458
    },
    {
        name: 'steak',
        type: 'meat',
        color: 'brown',
        id: 2458
    },
]

我想动态地创建这样的东西:

var foodCategories = [
    {
        name: 'fruit',
        items: [
            {
                name: 'apple',
                type: 'fruit',
                color: 'red',
                id: 3418
            },
            {
                name: 'banana',
                type: 'fruit',
                color: 'yellow',
                id: 3458
            }
        ]
    },
    {
        name: 'vegetable',
        items: [
            {
                name: 'brocolli',
                type: 'vegetable',
                color: 'green',
                id: 1458
            },
        ]
    },
    {
        name: 'meat',
        items: [
            {
                name: 'steak',
                type: 'meat',
                color: 'brown',
                id: 2458
            }
        ]
    }
]

这样做的最佳方法是什么?

4

1 回答 1

1

你可以这样做。您遍历食物数组,对于找到的每个对象,您查看 foodCategories 数组并查看是否有该食物类型的对象。如果你不这样做,你就加一个。然后,将食物项添加到正确的类别对象的数组中。

var foodCategories = [];

function findTypeInArray(arr, type) {
    for (var i = 0; i < arr.length; i++) {
        if (arr[i].name === type) {
            return(i);
        }
    }
    return(-1);
}

for (var i = 0; i < food.length; i++) {
    var item = food[i];
    var index = findTypeInArray(foodCategories, item.type);
    if (index === -1) {
        foodCategories.push({name: item.type, items: []});
        index = foodCategories.length - 1;
    }
    foodCategories[index].items.push(item);
}

工作演示:http: //jsfiddle.net/jfriend00/CwEE7/

于 2012-09-14T15:18:59.923 回答