Question

伙计，这真的很难：我有一个元素数组，每个元素都是超级复杂的，因为它的属性是包含其他数组作为属性的数组。我只想提取该元素的几个属性，我已经尝试过使用forEach函数，但是它不起作用。

数组来自json文件，这就是为什么我使用axios的原因，数组的元素是这样的：

{
    "ITEMS":[
        {
            "id":"0001",
            "name":"foo",
            "sizes":[
                {
                    "name":"small",
                    "id":"9999",
                    "available":"no"
                },
                {
                    "name":"medium",
                    "id":"9998",
                    "available":"yes"
                }
            ]
        },

        {
            "id":"0002",
            "name":"bar",
            "sizes":[
                {
                    "name":"small",
                    "id":"4444",
                    "available":"yes"
                },
                {
                    "name":"medium",
                    "id":"4443",
                    "available":"no"
                }
            ]
        },
        ...
    ]
}

所以我想收集它们的属性，以创建在数组中按入并复制此模型的元素：

this.sample = {
    colour:'item.name',
    size:'item.size.name[i]',
    idcode:'item.id',
    sizecode:'item.size.id[i]',
    available:'item.size.available[i]'
}

这是我的尝试（无效）

const axios = require('axios');
class IndianaJones {
    constructor(){
        this.sample = {
            name:'',
            colour:'',
            size:'',
            idcode:'',
            sizecode:'',
            available:''
        },
        this.newids = ["10","11","12"...]
        this.freshprods = []
    }

    async FreshProd(){
        for(this.i=0;this.i<this.newids.length;this.i++){
            this.prod = await axios.get(`https://blablabla/${this.newids[this.i]}.json`)
            this.ITEMS.forEach(function(item){
                this.sample.idcode=item.id;
                this.sample.colour=item.name;
                item.sizes.forEach(function(SIZE){
                    this.sample.size=SIZE.name
                    this.sample.sizecode=SIZE.id
                    this.sample.available=SIZE.available
                    this.freshprods.push(this.sample)
                })
            }
            )
        }
        return this.freshprods
    }
}

(async()=>{
    const indiana = new IndianaJones();
    await indiana.FreshProd()
})()

真的，这使我无所适从，我对任何可以帮助我的人都非常感谢，也许LODASH可能有用吗？

Answer 1

let prod = {
    "ITEMS":[
        {
            "id":"0001",
            "name":"foo",
            "sizes":[
                {
                    "name":"small",
                    "id":"9999",
                    "available":"no"
                },
                {
                    "name":"medium",
                    "id":"9998",
                    "available":"yes"
                }
            ]
        },
        {
            "id":"0002",
            "name":"bar",
            "sizes":[
                {
                    "name":"small",
                    "id":"4444",
                    "available":"yes"
                },
                {
                    "name":"medium",
                    "id":"4443",
                    "available":"no"
                }
            ]
        }
    ]
}

let freshprods = [];
prod.ITEMS.forEach(function(item){
    item.sizes.forEach(function(SIZE){
        freshprods.push({
            idcode: item.id,
            colour: item.name,
            size: SIZE.name,
            sizecode: SIZE.id,
            available: SIZE.available
        })
    })
})
console.log(freshprods);

输出

[ { idcode: '0001',
    colour: 'foo',
    size: 'small',
    sizecode: '9999',
    available: 'no' },
  { idcode: '0001',
    colour: 'foo',
    size: 'medium',
    sizecode: '9998',
    available: 'yes' },
  { idcode: '0002',
    colour: 'bar',
    size: 'small',
    sizecode: '4444',
    available: 'yes' },
  { idcode: '0002',
    colour: 'bar',
    size: 'medium',
    sizecode: '4443',
    available: 'no' } ]

Answer 2

您正在尝试使结构扁平化。为此，您可以使用Array.flatMap()（或lodash的_.flatMap()来迭代ITEMS，映射sizes数组并为每个大小返回一个新对象：

const prods = {"ITEMS":[{"id":"0001","name":"foo","sizes":[{"name":"small","id":"9999","available":"no"},{"name":"medium","id":"9998","available":"yes"}]},{"id":"0002","name":"bar","sizes":[{"name":"small","id":"4444","available":"yes"},{"name":"medium","id":"4443","available":"no"}]}]};

const freshprods = prods.ITEMS.flatMap(
    ({ id: idcode, name: colour, sizes }) =>
        sizes.map(o => ({
            colour,
            size: o.name,
            idcode,
            sizecode: o.id,
            available: o.available
        }))
);

console.log(freshprods);

从JSON数组的数组属性中提取值

2 个答案: