如何過濾多維數組對象

Question

我想通過attributevalue過濾這個數組，例如，如果我按藍色搜索，然后所有襯衫都給我藍色，然后我搜索藍色的織物棉，然后給所有藍色的 cottob 你知道的搜索方式，如flipkart、amazon

var myObject=    [
                {
                    "Product-name": "Shirt",
                    "product-price": "500",
                    "attributevalue": [
                        { "color": "red" },
                        {"fabric": "cottton"}
                    ]
                },
                {
                    "Product-name": "Samsung mobile",
                    "product-price": "15000",
                    "attributevalue":[
                        {"Ram": "4 GB"},
                        {"Network": "4G"},
                        {"Primary Camera": "8 MP"},
                        {"Internal Memory": "8 GB"}
                    ]
                }
            ]

Answer 1

你可以結合filter 、 for和for...in來做到這一點：

 var myObject= [ { "Product-name": "Shirt", "product-price": "500", "attributevalue": [ { "color": "red" }, {"fabric": "cottton"} ] }, { "Product-name": "Samsung mobile", "product-price": "15000", "attributevalue":[ {"Ram": "4 GB"}, {"Network": "4G"}, {"Primary Camera": "8 MP"}, {"Internal Memory": "8 GB"} ] } ] const search = (arr, search) => { return arr.filter(item => { for (var i = 0; i < item.attributevalue.length; i++) { for (var key in item.attributevalue[i]) { if (item.attributevalue[i][key].toLowerCase() === search.toLowerCase()) { return item; } } } }) } console.log(search(myObject, 'red'))

Answer 2

僅 Array 的filter方法就可以解決問題。

 var myObject = [{ "Product-name": "Shirt", "product-price": "500", "attributevalue": [{ "color": "red" }, { "fabric": "cottton" }] }, { "Product-name": "Samsung mobile", "product-price": "15000", "attributevalue": [{ "Ram": "4 GB" }, { "Network": "4G" }, { "Primary Camera": "8 MP" }, { "Internal Memory": "8 GB" }] }] function findProduct(property, searchField) { return myObject.filter((x) => { const result = x.attributevalue.filter((y) => y[property] === searchField); if (result.length) { return x; } }) } console.log(findProduct('Network', '4G'))

Answer 3

嘗試這樣做：

const filterBy = (obj, attr, query) => 
   obj.filter((prod) => prod.attributevalue && prod.attributevalue[attr] === query);

Answer 4

這是一種支持多重過濾（多個鍵和值）和多重支持鍵值檢查的方法。

套路是：

• 在所需對象上應用過濾器。
• 將屬性值數組映射到包含鍵（字符串）和值的單個對象。
• 評估 searchBy 參數，該參數包含一個包含鍵的對象，該鍵是搜索到的鍵和可以是原始值、對象或函數的值。 如果這是一個函數，它將通過傳遞的參數進行評估，該參數是要搜索的當前循環值。
• 返回是否有任何搜索條件匹配。

 var myObject = [ { "Product-name": "Shirt", "product-price": "500", "attributevalue": [ { "color": "red" }, {"fabric": "cottton"} ] }, { "Product-name": "Samsung mobile", "product-price": "15000", "attributevalue":[ {"Ram": "4 GB"}, {"Network": "4G"}, {"Primary Camera": "8 MP"}, {"Internal Memory": "8 GB"} ] } ]; function filterBy(obj, searchBy) { return obj.filter(item => { const _assigned = Object.assign({}, ...item.attributevalue); return Object.entries(searchBy).some(([k,v]) => { return _assigned[k] && (typeof(v) === 'function' ? v.call(null, _assigned[k]) : _assigned[k] === v); }); }); } // Sample to filter by color and fabric. console.log(filterBy(myObject, { color: 'red', fabric: (needle) => needle === 'cottton' })); // sample of callback filter that checks whether the "RAM" value exists and is, when lowercase, '4 gb' console.log( filterBy(myObject, { Ram: (ram) => { return ram && ram.toLowerCase() === '4 gb' } }) );