在 javascript 中创建具有新结构的 object 数组副本的最佳方法

Question

I would like to know if there is a better option to create a copy of an object array with a new structure

Actually I do this (typescript):

const carModels = (carList: Array<CarModel>): Array<SelectValues> => {
    const cars: Array<SelectValues> = []

    carList.forEach((car: CarModel) =>
      cars.push({
        value: `/api/modeles/${car.id}`,
        label: car.libelle,
      })
    )

    return cars
  }

Answer 1

That's a typical use case for Array#map

const carModels = (carList: CarModel[]): SelectValues[] =>
  carList.map((car: CarModel) =>
  ({
    value: `/api/modeles/${car.id}`,
    label: car.libelle,
  }))

 const carList = [ {id: 1, libelle: 1}, {id: 2, libelle: 2} ] const carModels = carList => carList.map(car => ({ value: `/api/modeles/${car.id}`, label: car.libelle, })); console.log(carModels(carList));

Answer 2

You can use map(). But for such a simple task, I don't think there is a better way than the other options.

 const carList = [ {id: 1, libelle: 1}, {id: 2, libelle: 2} ] const cars = carList.map(x => ( { value: `/api/modeles/${x.id}`, label: x.libelle } )) console.log(cars);

Answer 3

The .map function is exactly to be used in this situations. So you could do something like this...

const parseCarModel = (car: CarModel) => ({
    value: `/api/modeles/${car.id}`,
    label: car.libelle,
});

const cars: Array<SelectValues> = carList.map(parseCardModel);