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-来自另一个阵列的对象的滤波器阵列

回答

相关问题