从嵌套的json对象中创建新的数组

Javascript: Make new array out of nested json object

本文关键字：创建 数组 对象 嵌套 json      更新时间：2023-09-26

我正在获取数据，其中包括嵌套的json对象，并希望创建一个包含这些json对象的新数组。所以如果我得到

[
   {
        "number": 1,
        "products": [
            {
                "fruit": "apple",
                "meat": "chicken"
            },
            {
                "fruit": "orange",
                "meat": "pork"
            }
        ]
    }
]

我希望新的数组是

[
    {
        "fruit": "apple",
        "meat": "chicken"
    },
    {
        "fruit": "orange",
        "meat": "pork"
    }
]


var A = [ { "number": 1, "products": [ { "fruit": "apple", "meat": "chicken" }, { "fruit": "orange", "meat": "pork" } ] } ];
var B = [];
A.forEach(function(number) {
    B = B.concat(number.products);
});
console.log(B);

使用for循环遍历数据并将其放入新数组中。

var data = [{
    "number": 1,
    "products": [{
        "fruit": "apple",
        "meat": "chicken"
    }, {
        "fruit": "orange",
        "meat": "pork"
    }]
}],
allProducts = [];
for(var i=0;i< data.length; i++) {
    var products = data[0].products;
    for(var j=0;j< products.length; j++) {
        allProducts.push(products[j]);
    }
}
console.log(allProducts);

小提琴

这是假设您想将产品平铺成单个数组-我可能错了…为了测试它，我将一个产品移动到数据数组中单独的父元素中。

var data = [
   {
        "number": 1,
        "products": [
            {
                "fruit": "apple",
                "meat": "chicken"
            }
        ]
    },
    {
        "number": 2,
        "products": [
            {
                "fruit": "orange",
                "meat": "pork"
            }    
        ]
    }
];
var products = data.reduce(function(x, y) {
    return x.products.concat(y.products);
});
相关文章：