堆栈内存溢出
  简体   繁体   English

通过 object 中的字符串数组过滤和对象数组

[英]filtering and array of objects by an array of string in the object

 原文  2021-01-31 22:08:14  8   2    javascript/ arrays

问题描述

I have an array of objects, on the objects there is a key of gender with an array of strings.我有一个对象数组，在对象上有一个带有字符串数组的性别键。 The gender array is empty [] or has one string with either ["men"] or ["women"] .性别数组为空[]或有一个带有["men"]或["women"]的字符串。 I'm trying sort the array of objects into an array depending on what gender is active.我正在尝试根据活跃的性别将对象数组排序为数组。 Ie if the gender men is active, all the objects with gender: ["men"] should be filtered into the array.即，如果性别men处于活动状态，则应将所有具有gender: ["men"]过滤到数组中。 Most importantly, any objects that have an empty array, like gender: [] should also be included in both the men and women arrays.最重要的是，任何具有空数组的对象，如gender: []也应该包含在男性和女性 arrays 中。 However, i'm having trouble getting this to work, my code is currently returning an array of undefineds.但是，我无法让它工作，我的代码目前正在返回一个未定义的数组。 Any help would be greatly appreciated.任何帮助将不胜感激。 

 const activeGender = "women" const images = [ { "gender": [], "image": { "_id": "ac0611e600fd31bb3dc87f4b514d0b80erf8fa3b5d-f2759x4139-jpg", "url": "https://cdn.example.com/images/zjeoztkz/production/ac0611e600fd31bb3dc87f4b514dfr0b80f8fa3b5d-2759x4139.jpg" } }, { "gender": ["women"], "image": { "_id": "ac0611e600fd31bb3dc87f4b514d0b80f8fa3b5d-2759x4139-jpg", "url": "https://cdn.example.com/images/zjeoztkz/production/ac0611e600fd31bb3dc87f4b514d0b80f8fa3b5d-2759x4139.jpg" } }, { "gender": ["men"], "image": { "_id": "4b733a931e13d7cdf77c200d0eac94b55caee89e-3766x5649-jpg", "url": "https://cdn.example.com/images/zjeoztkz/production/4b733a931e13d7cdf77c200d0eac94b55caee89e-3766x5649.jpg" } }, { "gender": ["men"], "image": { "_id": "f2a4ce65ce4f671c6aec4d9b6b8b2bce7b4a1e7a-5472x3648-jpg", "url": "https://cdn.example.com/images/zjeoztkz/production/f2a4ce65ce4f671c6aec4d9b6b8b2bce7b4a1e7a-5472x3648.jpg" } }, { "gender": ["women"], "image": { "_id": "31ab7886b5b2164e245ffb41facc01c0ac66f60f-1962x2942-jpg", "url": "https://cdn.example.com/images/zjeoztkz/production/31ab7886b5b2164e245ffb41facc01c0ac66f60f-1962x2942.jpg" } }, { "gender": ["women"], "image": { "_id": "c577801db926fd058142513dce0b834eb8dc9e16-2432x3648-jpg", "url": "https://cdn.example.com/images/zjeoztkz/production/c577801db926fd058142513dce0b834eb8dc9e16-2432x3648.jpg" } }, { "gender": ["women"], "image": { "_id": "e6e16e0da123fa510efe2ccb1269f18afa8cda64-5472x3648-jpg", "url": "https://cdn.example.com/images/zjeoztkz/production/e6e16e0da123fa510efe2ccb1269f18afa8cda64-5472x3648.jpg" } } ] const getMens = (items) => items.filter((i) => i.gender.length === 0 || i.gender.includes("men")).map((i) => i.images).reduce((a, b) => a.concat(b), []); const getWomens = (items) => items.filter((i) => i.gender.length === 0 || i.gender.includes("women")).map((i) => i.images).reduce((a, b) => a.concat(b), []); const filteredImages = activeGender === "women"? getWomens(images): getMens(images); console.log(filteredImages)

2 个解决方案

解决方案1
 2 已采纳  2021-01-31 22:22:24

There's a small typo in your code.您的代码中有一个小错字。 .map((i) => i.images) should be .map((i) => i.image) . .map((i) => i.images)应该是.map((i) => i.image) 。 

 const activeGender = "women" const images = [ { "gender": [], "image": { "_id": "ac0611e600fd31bb3dc87f4b514d0b80erf8fa3b5d-f2759x4139-jpg", "url": "https://cdn.example.com/images/zjeoztkz/production/ac0611e600fd31bb3dc87f4b514dfr0b80f8fa3b5d-2759x4139.jpg" } }, { "gender": ["women"], "image": { "_id": "ac0611e600fd31bb3dc87f4b514d0b80f8fa3b5d-2759x4139-jpg", "url": "https://cdn.example.com/images/zjeoztkz/production/ac0611e600fd31bb3dc87f4b514d0b80f8fa3b5d-2759x4139.jpg" } }, { "gender": ["men"], "image": { "_id": "4b733a931e13d7cdf77c200d0eac94b55caee89e-3766x5649-jpg", "url": "https://cdn.example.com/images/zjeoztkz/production/4b733a931e13d7cdf77c200d0eac94b55caee89e-3766x5649.jpg" } }, { "gender": ["men"], "image": { "_id": "f2a4ce65ce4f671c6aec4d9b6b8b2bce7b4a1e7a-5472x3648-jpg", "url": "https://cdn.example.com/images/zjeoztkz/production/f2a4ce65ce4f671c6aec4d9b6b8b2bce7b4a1e7a-5472x3648.jpg" } }, { "gender": ["women"], "image": { "_id": "31ab7886b5b2164e245ffb41facc01c0ac66f60f-1962x2942-jpg", "url": "https://cdn.example.com/images/zjeoztkz/production/31ab7886b5b2164e245ffb41facc01c0ac66f60f-1962x2942.jpg" } }, { "gender": ["women"], "image": { "_id": "c577801db926fd058142513dce0b834eb8dc9e16-2432x3648-jpg", "url": "https://cdn.example.com/images/zjeoztkz/production/c577801db926fd058142513dce0b834eb8dc9e16-2432x3648.jpg" } }, { "gender": ["women"], "image": { "_id": "e6e16e0da123fa510efe2ccb1269f18afa8cda64-5472x3648-jpg", "url": "https://cdn.example.com/images/zjeoztkz/production/e6e16e0da123fa510efe2ccb1269f18afa8cda64-5472x3648.jpg" } } ] const getMens = (items) => items.filter((i) => i.gender.length === 0 || i.gender.includes("men")).map((i) => i.image).reduce((a, b) => a.concat(b), []); const getWomens = (items) => items.filter((i) => i.gender.length === 0 || i.gender.includes("women")).map((i) => i.image).reduce((a, b) => a.concat(b), []); const filteredImages = activeGender === "women"? getWomens(images): getMens(images); console.log(filteredImages)

解决方案2
 1  2021-01-31 22:36:14

"images" is undefined - it does not exist in your object you want “图像”未定义-您想要的 object 中不存在

map((i) => i.image) instead.... map((i) => i.image) 代替....

const activeGender = "women"

const images = [
    {
      "gender": [],
      "image": {
        "_id": "ac0611e600fd31bb3dc87f4b514d0b80erf8fa3b5d-f2759x4139-jpg",
        "url": "https://cdn.example.com/images/zjeoztkz/production/ac0611e600fd31bb3dc87f4b514dfr0b80f8fa3b5d-2759x4139.jpg"
      }
    },
    {
      "gender": ["women"],
      "image": {
        "_id": "ac0611e600fd31bb3dc87f4b514d0b80f8fa3b5d-2759x4139-jpg",
        "url": "https://cdn.example.com/images/zjeoztkz/production/ac0611e600fd31bb3dc87f4b514d0b80f8fa3b5d-2759x4139.jpg"
      }
    },
    {
      "gender": ["men"],
      "image": {
        "_id": "4b733a931e13d7cdf77c200d0eac94b55caee89e-3766x5649-jpg",
        "url": "https://cdn.example.com/images/zjeoztkz/production/4b733a931e13d7cdf77c200d0eac94b55caee89e-3766x5649.jpg"
      }
    },
    {
      "gender": ["men"],
      "image": {
        "_id": "f2a4ce65ce4f671c6aec4d9b6b8b2bce7b4a1e7a-5472x3648-jpg",
        "url": "https://cdn.example.com/images/zjeoztkz/production/f2a4ce65ce4f671c6aec4d9b6b8b2bce7b4a1e7a-5472x3648.jpg"
      }
    },
    {
      "gender": ["women"],
      "image": {
        "_id": "31ab7886b5b2164e245ffb41facc01c0ac66f60f-1962x2942-jpg",
        "url": "https://cdn.example.com/images/zjeoztkz/production/31ab7886b5b2164e245ffb41facc01c0ac66f60f-1962x2942.jpg"
      }
    },
    {
      "gender": ["women"],
      "image": {
        "_id": "c577801db926fd058142513dce0b834eb8dc9e16-2432x3648-jpg",
        "url": "https://cdn.example.com/images/zjeoztkz/production/c577801db926fd058142513dce0b834eb8dc9e16-2432x3648.jpg"
      }
    },
    {
      "gender": ["women"],
      "image": {
        "_id": "e6e16e0da123fa510efe2ccb1269f18afa8cda64-5472x3648-jpg",
        "url": "https://cdn.example.com/images/zjeoztkz/production/e6e16e0da123fa510efe2ccb1269f18afa8cda64-5472x3648.jpg"
      }
    }
  ]
  

const getMens = (items) =>
  items
    .filter((i) => i.gender.length === 0 || i.gender.includes("men"))
    .map((i) => i.image)
    
    
const getWomens = (items) =>
  items
    .filter((i) => i.gender.length === 0 || (i.gender.includes("women")) )
    .map((i) => i.image)
    
    
  const filteredImages =
    activeGender === "women"
      ? getWomens(images)
      : getMens(images);
      
      console.log(filteredImages)

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 使用对象内的对象过滤数组 - Filtering array with objects inside an object JS过滤数组在对象数组的对象属性中 - JS filtering array in object property of array of objects 使用字符串+字符串数组过滤对象数组 - Filtering an Array of Objects with a String + Array of Strings 基于字符串数组过滤 object 数组 - filtering an array of object based on string array 获取对象数组并通过字符串数组过滤每个对象键 - Taking an array of Objects and filtering each objects keys by an array of string lodash：通过另一个JSON对象过滤对象数组 - lodash:Filtering Array of objects by another JSON Object 在javascript中将对象数组组合和过滤为单个对象 - combining and filtering array of objects into a single object in javaScript 过滤对象内object的数组值 - Filtering array value of object within objects 针对另一个对象过滤对象数组 - Filtering an array of objects against another object 通过搜索嵌套对象属性来过滤对象数组 - Filtering array of objects by searching nested object properties
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM