根据数组里的对象属性进行筛选

情景还原

下面的空白区是表格展示部分,在表格上方添加一个筛选栏,筛选后的结果在表格中展示。

这里写图片描述

表格展示的数据结构例:

skuData = [
    {
        name: "a",
        num: "10"
    },
    {
        name: "b",
        num: "20"
    },
    {
        name: "c",
        num: "30"
    }
]

通过 “num” 值筛选:

//例子中数量区间的值传进这个数组
ranges: [
    {
        type: 'price',
        low: "",  //区间的最小值
        height: ""  //区间的最大值
    }
],


inventory = (ranges) => {
        const skus = new Array();
        //筛选条件
        skuData.map((Item, index) => {
            if(Item.num >= ranges[0].low && Item.num <= ranges[0].height) {
                skus.push({
                    ...Item
                })
            }
        })
        return skus
    }


skuData = this.inventory(ranges)


----------
//区间输入0,20,输出结果
skuData = [
    {
        name: "a",
        num: "10"
    },
    {
        name: "b",
        num: "20"
    }
]

你可能感兴趣的:(根据数组里的对象属性进行筛选)