Angular2-來自另一個陣列的對象的濾波器陣列

我有兩個對象數組。我試過array.filter，但無法過濾陣列內的數組。Angular2-來自另一個陣列的對象的濾波器陣列

注意：OPTIONGROUP數組項是動態的。

陣列1：

0:[{CATEGORYNAME:"Scrub Pants" 
CATEGORY_ID:2 
DESCRIPTION:null 
IMAGE_URL_1:"http://www.pulseuniform.com/stylepic/AD-2513.jpg" 
IMAGE_URL_2:"http://www.pulseuniform.com/stylepic/AD-2513.jpg" 
IMAGE_URL_3:"http://www.pulseuniform.com/stylepic/AD-2513.jpg" 
IMAGE_URL_4:"http://www.pulseuniform.com/stylepic/AD-2513.jpg" 
NUM_OF_ORDERS:16 
NUM_WISH_LIST:"100" 
OPTIONGROUP:[ 
    { 
     BRAND:'Adar Medical Uniforms' 
     COLOR:'ASP:Asparagus' 
     PRICE:'11.19' 
     SIZE:'2XL' 
     }, 
    { 
     BRAND:'Adar Medical Uniforms' 
     COLOR:'ASP:Asparagus' 
     PRICE:'16.19' 
     SIZE:'4XL' 
     }], 
PRICE: 175 
PRODUCT_ID:17497 
SALE_PRICE:11.19 
SELLERNAME:"Adar Medical Uniforms" 
SHORT_DESCRIPTION:"Adar Universal Unisex Natural-Rise Five Pocket Drawstring Tapered Leg Pants" 
STYLECODE:"AD-2513" 
STYLENAME:"Adar Universal Unisex Natural-Rise Five Pocket Drawstring Tapered Leg Pants" 
THUMB_IMAGE_URL:"http://www.pulseuniform.com/stylepic/AD-2513.jpg" 
VENDORNAME:"Adar"}]

如何從數組2裏面搜索選項組陣列1項。下面是我陣列2

陣列2：

{COLOR:[{0:"ASP:Asparagus"},{1:"BRG:Burgundy"}], 
SIZE:[{0:"M"}] }

來源

2017-06-29 ArsalanK

陣列由[] 你叫什麼？「數組2」是包含2個數組的對象界定。你的「Array1」包含一個對象，它本身包含另一個數組。你可以更具體一些，給你一個你想要達到什麼的確切例子？ – Pac0

yeh其實array2是一個包含顏色，大小，品牌等數組的對象 – ArsalanK

@ Pac0我需要過濾array1其中有多個對象（在這個問題中，我只顯示只有1個對象）每個對象內我有動態數組optiongroup。我需要在第一個數組的對象中搜索第二個數組的項目......有點讓人困惑：P – ArsalanK

有可能是做一個更有效的方式，但在這裏是用Array.filter()和多次迭代工作示例小提琴。

https://jsfiddle.net/gmedyh6s/

我不得不簡化搜索PARAMS結構雖然

interface SearchParams = { 
    SIZE: Array<string>, 
    COLOR: Array<string> 
}; 

const filterMyArray = function(array: Array<any>, searchParams: SearchParams): Array<any> { 
    return array.filter(item => { 

    // Parsing every search param 
    return Object.keys(searchParams).map(param => { 

     // Getting the array of params of the current item 
     let itemOptions = item.OPTIONGROUP.map(option => option[param]); 

     // Search param is contained in the considered array ? 
     return searchParams[param].every(elem => itemOptions.indexOf(elem) > -1); 
    }) 

    // At this point we have an array of boolean, flattening it --> Must be true everywhere 
    .reduce((total,item) => { 
      return total && item; 
    }, true); 

    }); 
} 

const array: Array<any> = [ ... ]; 

const filtered = filterMyArray(array, { 
    SIZE:['2XL'], 
    COLOR:['ASP:Asparagus'] 
});

來源

2017-06-29 14:53:19

Angular2-來自另一個陣列的對象的濾波器陣列

回答

相關問題