filter()方法将原数组筛选重组为自己想要的新数组

介绍

filter 函数会过滤掉 Array 数组里的不要的元素，然后返回剩下的元素；或者过滤出来一个需要的新数组

需求背景

页面渲染时，获取后端的数据接口； 但是需要对后端的数据进行处理，页面的展示和后端返回的接口数据格式不同，此时需要对数据进行重组；如下所示： 后端返回的数据是全部的数组对象，但是自己页面想要渲染的数据要求是，分别展示，接口字段 type不同类型的对应的数据。此时可以使用 filter 对后端返回的数据进行过滤，并重组成自己想要的数据格式。

代码部分

 let list = [
    {
      title: "first",
      type: "1",
      id: 1,
      price: 0 
    }, {
      title: "second",
      type: "2",
      id: 2,
      price: 0 
    }, {
      title: "third",
      type: "3",
      id: 3,
      price: 0 
    }, {
      title: "fourth",
      type: "1",
      id: 4,
      price: 0 
    }
  ];
  let newList = [
    {
      type: "1",
      item: list.filter((item) => item.type =='1')
    },{
      type: "2",
      item: list.filter((item) => item.type =='2')
    },{
      type: "3",
      item: list.filter((item) => item.type =='3')
    }
  ]
  console.log(list);
  console.log(newList);

返回的符合条件的新数组