Javascript数组过滤和映射

Question

我在反应方面一直问同样的问题，但没有得到明确的答案，所以我决定尝试从概念上推断我想做的事情，看看我是否不能得到一些关于如何进行反应的答案。

filters= ["Bill Johnson", "hasStartDocs"]
mappedArray = 
[
  {
  name:'Larry', 
  docs:{
   startDocs:[{...}]
   },
  workers:{
  sales:["Bill Johnson"]
  }  
]    

所以如果 filter[i] 有一个空格{' '} 检查workers下的所有数组是否有像filter[i]这样的字符串然后映射 基于那个的filteredMappedArray

如果 filter[i] 没有空格，则创建一个新字符串，将字符串的前 3 个字符切片，使该新字符串的第一个字母小写 (thatString = "startDocs") eval(resoStatus.${thatString} .length > 0) 然后像这样映射filteredMappedArray。

因此，对于 [i] 的每个实例，您将拥有一个唯一的地图。所以如果有人点击了 5 个过滤器，每个过滤器都会有一个 filtersMappedArray，我猜如果它们具有相同的 _id，你会使用 .concat() 和 .reduce()。

我不需要有人来帮助处理字符串。我需要在正确的方向上推动如何利用过滤器 [] 和 mappedArray [] 来创建 1 个过滤映射数组。请，谢谢。

for(i=0,i<filters.length,i++){
filters.map(filter => filter.includes(' ') //map mappedArray based on rules above)
filters.map(filter => filter.includes(/^has/ //map mappedArray based on rules above)
}

这给了你

[filteredMappedArray1]
[filteredMappedArray2]

bigArray = filteredMappedArray1.concat(filteredMappedArray2)

smallArray = bigArray.forEach(map //if the map is unique delete it if the map isnt unique keep it but remove all the duplicates)

Answer 1

据我所知，您没有进行任何映射，只是过滤 mappedArray 以将其限制为与 filters 中至少一个过滤器匹配的条目。

如果是这样，如果您没有比mappedArray 中的条目更多的过滤器（如果您这样做，您会采用不同的结构，但这对我来说似乎不太可能） ):

// The `length` check prevents filtering if there are no filters; that's usually how people
// implement filters, but remove it if that's not right in your case
const filteredArray = filters.length === 0 ? mappedArray : mappedArray.filter(entry => {
    // `some` returns `true` if the callback returns a truthy value (and
    // stops loopihng); it returns `false` if it reaches the end of the
    // array without the callback rturning a truthy value. So basically
    // this is saying "return true if any filter matches."
    return filters.some(filter => {
        if (filter.includes(" ")) {
            // Check `workers` arrays
            for (const array of Object.values(entry.workers)) {
                if (array.includes(filter)) {
                    return true;
                }
            }
        } else {
            // Check `docs` for at least one entry for the given type
            const key = /*...strip leading three, change case of fourth...*/;
            const array = entry.docs.key];
            if (array && array.length > 0) { // There's at least one entry
                return true;
            }
        }
        return false;
    });
});