Tengo 2 objetos, vehículos 1 y vehículos 2, para el vehículo 1 tengo una ventana emergente de folleto:
`<font size="4"><b>${vehicle1.name}</b></font> <br>Plates number: ${vehicle1.platesNumber} <br>Side number: ${vehicle1.sideNumber} <br>Vehicle color: ${vehicle1.color} <br>Type of vehicle: ${vehicle1.type} <br><b>Vehicle range in km: ${vehicle1.rangeKm}</b> <br><b>Battery level: ${vehicle1.batteryLevelPct}%</b> <br><b>Reservation ends in: ${vehicle1.reservationEnd}</b> <br><b>Vehicle is reserved by: ${vehicle1.reservation}</b> <br><b>Status of car: ${vehicle1.status}</b> <br><b>Location: ${vehicle1.locationDescription}</b> <br>Current promotions: ${vehicle1.promotion} <br>Description of the vehicle: ${vehicle1.description} <br>Metadata of the vehicle: ${vehicle1.metadata} <br>ID of the vehicle: ${vehicle1.metadata}`;Me gustaría hacer lo mismo con el vehículo 2, solo para cambiar entre objetos, así que quiero algo así:
`<font size="4"><b>${vehicle2.name}</b></font> <br>Plates number: ${vehicle2.platesNumber} <br>Side number: ${vehicle2.sideNumber} <br>Vehicle color: ${vehicle2.color} <br>Type of vehicle: ${vehicle2.type} <br><b>Vehicle range in km: ${vehicle2.rangeKm}</b> <br><b>Battery level: ${vehicle2.batteryLevelPct}%</b> <br><b>Reservation ends in: ${vehicle2.reservationEnd}</b> <br><b>Vehicle is reserved by: ${vehicle2.reservation}</b> <br><b>Status of car: ${vehicle2.status}</b> <br><b>Location: ${vehicle2.locationDescription}</b> <br>Current promotions: ${vehicle2.promotion} <br>Description of the vehicle: ${vehicle2.description} <br>Metadata of the vehicle: ${vehicle2.metadata} <br>ID of the vehicle: ${vehicle2.metadata}`;Pero no quiero repetir un código como este. Intenté ponerlo en el objeto con la palabra clave 'this', pero no funcionó. ¡Gracias por la ayuda!
const vehicleArray = [vehicle1,vehicle2]; //have your vehicle objects inside an array // call Array map function for the vehicleArray const transformedVehicleArray = vehicleArray.map((vehicle) => `<font size="4"><b>${vehicle.name}</b></font> <br>Plates number: ${vehicle.platesNumber} <br>Side number: ${vehicle.sideNumber} <br>Vehicle color: ${vehicle.color} <br>Type of vehicle: ${vehicle.type} <br><b>Vehicle range in km: ${vehicle.rangeKm}</b> <br><b>Battery level: ${vehicle.batteryLevelPct}%</b> <br><b>Reservation ends in: ${vehicle.reservationEnd}</b> <br><b>Vehicle is reserved by: ${vehicle.reservation}</b> <br><b>Status of car: ${vehicle.status}</b> <br><b>Location: ${vehicle.locationDescription}</b> <br>Current promotions: ${vehicle.promotion} <br>Description of the vehicle: ${vehicle.description} <br>Metadata of the vehicle: ${vehicle.metadata} <br>ID of the vehicle: ${vehicle.metadata}` ); //now you can access transformedVehicleArray[0] and transformedVehicleArray[1] to get the html block for vehicle1 and vehicle2 respectively