主页 / 问题 / 982253
Accepted
Gonzo
Asked:2020-05-17 00:39:41 +0000 UTC2020-05-17 00:39:41 +0000 UTC

将js数组转换为另一个视图

  • 772

如何正确转换表单的数组：

var Orders = [
   {
    id: 1,
    title: 'Order_1',
    city: {
      id: 1,
      title: 'SPB'
    }
  },
  {
    id: 2,
    title: 'Order_2',
    city: {
      id: 1,
      title: 'SPB'
    }
  },
  {
    id: 3,
    title: 'Order_3',
    city: {
      id: 2,
      title: 'Moscow'
    }
  }
]

变成这样：

var cities = [
  {
    id: 1,
    title: 'SPB',
    orders: [
      {
        id: 1,
        title: 'Order_1'
      },
      {
        id: 2,
        title: 'Order_2'
      }
    ]
  },
  {
    id: 2,
    title: 'Moscow',
    orders: [
      {
        id: 3,
        title: 'Order_1'
      }
    ]
  }
]

现在我正在使用这种转换：

   var Orders = [
       {
        id: 1,
        title: 'Order_1',
        city: {
          id: 1,
          title: 'SPB'
        }
      },
      {
        id: 2,
        title: 'Order_2',
        city: {
          id: 1,
          title: 'SPB'
        }
      },
      {
        id: 3,
        title: 'Order_3',
        city: {
          id: 2,
          title: 'Moscow'
        }
      }
    ]

    const transformArray = (arr) => {
        const map = new Map();                  
        arr.forEach( (el) => {
            map.set(el.city, []);
        });
        arr.forEach( (el) => {
            if (map.has(el.city)) {
                let value = map.get(el.city);
                value.push({
                    id: el.id,
                    title: el.title
                });
            }
        });                    
        let structure = [];
        map.forEach( (value, key) => {
            structure.push({
                id: key.id,
                title: key.title,
                cities: value 
            });
        });
        return structure
    }    

    const Cities = transformArray(Orders);
    console.log(Cities);
javascript

2 个回答

  1. 使用地图和过滤器你可以做

    var Orders = [{
        id: 1,
        title: 'Order_1',
        city: {
            id: 1,
            title: 'SPB'
        }
    },
    {
        id: 2,
        title: 'Order_2',
        city: {
            id: 1,
            title: 'SPB'
        }
    },
    {
        id: 3,
        title: 'Order_3',
        city: {
            id: 2,
            title: 'Moscow'
        }
    }
];
var cities = Array.from(new Set(Orders.map((a) => a.city.id)))  //Получаем уникальные ID городов
.map(city_id => {  //Строим новый объект города
    return {
        id: city_id,   //Ид города
        title: Orders.find(s => s.city.id == city_id).city.title,  //Название города
        //Выбиараем ордера по ID города и вовращаем новый объект без свойства city
        orders: Array.from(Orders.filter(v => v.city.id == city_id).map(b=>{return {id:b.id,title:b.title}})) 
    }
});

console.log(JSON.stringify(cities,null,"  "));

    • 3
  2. Best Answer

    这是我在评论中写的一个例子reduce，为了避免我们用于卷积的嵌套循环Object，我们也可以Set

    var Orders = [{
    id: 1, title: 'Order_1',
    city: { id: 1,title: 'SPB'}
},{
    id: 2, title: 'Order_2',
    city: {id: 1,title: 'SPB' }
}, {
    id: 3, title: 'Order_3',
    city: { id: 2,title: 'Moscow'}
}];


let process = d => Object.values(d.reduce((a, e) => {
  
  //  если идентификатора города нет в аккумуляторе
  if (!a[e.city.id]) { 
    // создаем город в аккумуляторе
    a[e.city.id] = e.city;
    // добавим к нему поле с массивом заказов
    e.city.orders = [];
  }

  // Ищем в аккумуляторе город и добавляем в него заказ
  a[e.city.id].orders.push(e); 

  // удаляем информацию о городе
  delete e.city

  return a;

}, {}))

console.log(process(Orders));

    • 2

相关问题