Javascript: сортировка или сортировка пользовательских массивов на основе шаблона

Question

У меня есть идея о том, как улучшить код, но для этого потребуются массивы, и для этих массивов должен быть определенный порядок сортировки.

У меня данный массив: var p = ['skewX', 'translateY', 'scale', 'rotateX'];.

мне эти строки, отсортированные внутри массива по схеме:

0 translate, 1 rotate, 2 skew, 3 scale

или

0 ordered translations, 1 ordered rotations, 2 ordered skews, 3 ordered scales

где

index и string

Вопрос: Можно ли сортировать эти массивы на основе этой модели?

Большое спасибо.

Answer 1

Функция обратного вызова не сортирует себя. Просто нужно сравнить любые два элемента, которые передаются ему. Поэтому вам нужно написать логику, которая переводит строки, начинающиеся с «translate», перед строками, начинающимися с «rotate».

// Very simple, rudimentary function to translate a type to number. Improve at will. 
 
function typeIndex(x) { 
 
    if (x.indexOf('translate') > -1) return 0; 
 
    if (x.indexOf('rotate') > -1) return 1; 
 
    if (x.indexOf('skew') > -1) return 2; 
 
    if (x.indexOf('scale') > -1) return 3; 
 
    return 1000; // Unknown 
 
} 
 

 
var p = ['skewX', 'rotateY', 'rotateZ', 'translateY', 'scale', 'rotateX', 'ordered skewing']; 
 

 

 
// Sort array using callback; 
 
p.sort(function(a, b){ 
 
    // First compare the difference based on type. 
 
    var result = typeIndex(a) - typeIndex(b); 
 
    
 
    // If the difference is 0, they are of the same type. Compare the whole string. 
 
    if (result == 0) 
 
    result = a.localeCompare(b); 
 
    
 
    return result; 
 
}); 
 

 
console.log(p);

Answer 2

Функция сортировки может быть основано на словах, которые вы хотите отсортировать по в последовательности, при условии, что они имеют уникальные последовательности символов:

var p = ['skewX', 'translateY', 'scale', 'rotateX']; 
 

 
p.sort(function(a, b) { 
 
    var order = 'transrotaskewscal'; 
 
    return order.indexOf(a.slice(0,4)) - order.indexOf(b.slice(0,4)); 
 
}); 
 

 
document.write(p);