代码之家 › 专栏 › 技术社区 › Morton

如何过滤包含数组数据的对象的数组?

javascript

-1

Morton · 技术社区 · 7 年前

这是我的数据:

const sectionDummy = [
  { floor: '1', data: ['A', 'B', 'C']},
  { floor: '2', data: ['D', 'E', 'F']},
  { floor: '3', data: ['G', 'H', 'I']},
];

let filterData = [];
filterData = sectionDummy.filter(item => {
  if (item.floor !== undefined) {
    return item.floor.trim().toLowerCase().indexOf(inputValue) >= 0; 
  }
  return {};
});

如果 inputValue

console.log(filterData); // [{ floor: 1, data: ['A', 'B', 'C']}]

如果我也想对数据数组进行过滤,那么我只能使用它。

我试着用地图

let filterData = [];
filterData = sectionDummy.filter(item => {
  if (item.floor !== undefined) {
    item.data.map((value, index) => {
      if(value.trim().toLowerCase().indexOf(inputValue) >=0) {
        return value;
      } else {
        return {};
      }
    });
  }
  return {};
});

如何过滤两者 floor data array

任何帮助都将不胜感激。

1 回复 | 直到 7 年前

ttulka 7 年前

你想先按楼层过滤,然后按数据过滤吗?

const sectionDummy = [
  { floor: 1, data: ['A', 'B', 'C']},
  { floor: 2, data: ['D', 'E', 'F']},
  { floor: 3, data: ['G', 'H', 'I']},
];

const floorFilter = 2;
const dataFilter = 'E';

const filteredData = sectionDummy
  .filter(item => item.floor === floorFilter)
  .map(({floor, data}) => ({floor, data: data.filter(d => d === dataFilter)}));
  
console.log(filteredData); //[ { floor: 2, data: [ 'E' ] } ]

还是按楼层和数据?

const sectionDummy = [
  { floor: 1, data: ['A', 'B', 'C']},
  { floor: 2, data: ['D', 'E', 'F']},
  { floor: 3, data: ['G', 'H', 'I']},
];

const floorFilter = 2;
const dataFilter = 'E';

const filteredData = sectionDummy
  .filter(({floor, data}) => floor === floorFilter && data.some(d => d === dataFilter))
  
console.log(filteredData) // [ { floor: 2, data: [ 'D', 'E', 'F' ] } ]

Nina Scholz 7 年前

你可以通过检查来过滤 floor 和 inputValue 取两个值相等的物体。

let filterData = searchBuildings.filter(({ floor }) => floor === inputValue);

adiga 7 年前

您可以使用 reduce 这样:如果 searchText floor ,然后返回整个 section . 否则,如果存在于 data 大堆

const sectionDummy = [
  { floor: "1", data: ['A', 'B', 'C']},
  { floor: "2", data: ['D', 'E', 'F']},
  { floor: "3", data: ['G', 'H', 'I']},
];

const filter = (sections, searchText) => {
  searchText = searchText.trim().toLowerCase();
  
  return sections.reduce((acc, { floor, data }) => {
    if (floor === searchText) {
      acc.push({ floor, data })
    } else {
      const filtered = data.filter(d => d.toLowerCase().includes(searchText))
      if (filtered.length > 0)
        acc.push({ floor, data: filtered })
    }

    return acc;
  }, [])
}

console.log(filter(sectionDummy, "A"))
console.log(filter(sectionDummy, "G"))
console.log(filter(sectionDummy, "1"))

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前