根据另一个数组（位置和字符串）对数组排序[ES6]

Question

If I have an array of types...

const types = ['train','bus','car']; 
// needs to re-ordered to represent the order belonging to transportationFields.

And an array of fields...

const transportationFields = [
      'bus_station', 'bus_stop', 'bus_line', 'took_bus' // bus -> 1st in the order
      'car_type', 'buyer_of_car', 'car_model', // car -> 2nd 
      'train_number', 'train_trip_num', 'train_stop', // train -> 3rd 
    ];

I'd like to re-order the types array to match the order of the transportationFields array. The only way I can think of making this work would be to filter based on string and then sort...

Expected output: const newTypes = ['bus','car','train'];

I've tried this:

const newTypes = transportationFields.filter((pos) => types.indexOf(pos) > -1); 

But that literally looks to the exact string name. How can I sort based on if the string of the types is present in the transportationFields order? Thank you for your help in advance. (Using React ES6)

Answer 1

 const transportationFields = [ 'bus_station', 'bus_stop', 'bus_line', 'took_bus', // bus -> 1st in the order 'car_type', 'buyer_of_car', 'car_model', // car -> 2nd 'train_number', 'train_trip_num', 'train_stop', // train -> 3rd ]; const types = ['train', 'bus', 'car']; function findIndex(a) { return transportationFields.findIndex(function(v) { // returns index where condition is true return v.includes(a) // condition is true if the value includes the string given }) } types.sort(function(a, b) { return findIndex(a) > findIndex(b) }) console.log(types)