Сортировка массива с строковыми данными на Javascript

Question

у меня есть два массива с строковыми данными:

var AA = ["~/80/Blue/1.png","~/80/Blue/2.png","~/80/Black/1.png","~/80/Black/2.png"]; 
var BB = ["~/81/Blue/1.png","~/81/Blue/2.png","~/81/Black/1.png","~/81/Black/2.png"]; 

Мне нужно .concat эти массивы и .sort как это:

CC = ["~/80/Blue/1.png","~/81/Blue/1.png","~/80/Blue/2.png","~/81/Blue/2.png","~/80/Black/1.png","~/81/Black/1.png","~/80/Black/2.png","~/81/Black/2.png"]; 

Критерий сортировки, что Мне нужно иметь пары элементов массива с одним и тем же «цветовым каталогом» и тем же именем файла.

Я попытался это:

var CC = AA.concat(BB); 
CC.sort (function(a,b) { 
    var Mask = /\W\w+\W\d\Wpng/; 
    var A =[]; 
    var B = []; 
    var s1 = a.toLowerCase(); 
    var s2 = b.toLowerCase(); 
    for (var i=0; i<s1.length; i++){ 
     A.push(s1[i].match(Mask)); 
    } 
    for (var i=0; i<s2.length; i++){ 
     B.push(s2[i].match(Mask)); 
    } 
    for (var i=0; i<A.length; i++){ 
     for (var j=0; j<B.length; j++){ 
     if (A[i] < B[j]) {return -1;}; 
     if (A[i] > B[j]) {return 1;}; 
     else {return 0;} 
     } 
    } 

Answer 1

Во-первых, CONCAT двух массивов, а затем сортировать, используя метод Arrays.sort, путем пропускания желаемой логики сортировки в качестве параметра sortFunction.

var AA = ["~/80/Blue/1.png","~/80/Blue/2.png","~/80/Black/1.png","~/80/Black/2.png"]; 
var BB = ["~/81/Blue/1.png","~/81/Blue/2.png","~/81/Black/1.png","~/81/Black/2.png"]; 
var CC = []; 


var CC = AA.concat(BB); 

function string_split_comparator(a, b) { 
    var A_colorFile = a.split('/').splice(2).join('/'); /* Blue/1.png */     
    var B_colorFile = b.split('/').splice(2).join('/'); 
    var A_directoryNum = a.split('/')[1]; /* 80 */ 
    var B_directoryNum = b.split('/')[1]; 
    if(A_colorFile !== B_colorFile){ 
     return A_colorFile < B_colorFile; 
    } else{ 
     return A_directoryNum < B_directoryNum 
    } 

} 
CC.sort(string_split_comparator); 

Answer 2

var AA = ["~/80/Blue/1.png","~/80/Blue/2.png","~/80/Black/1.png","~/80/Black/2.png"]; 
var BB = ["~/81/Blue/1.png","~/81/Blue/2.png","~/81/Black/1.png","~/81/Black/2.png"]; 
var CC = []; 

var longestArr = 0; 

if (AA.length > BB.length) { 
longestArr = AA.length; 
} else { 
longestArr = BB.length; 
} 

    for (var i = 0; i < longestArr; i++) { 
     if (AA[i]!==undefined) { 
     CC.push(AA[i]); 
     }; 
     if (BB[i]!==undefined) { 
     CC.push(BB[i]); 
     }; 
    } 

Является ли это то, что вы хотели?

Answer 3

Вот как zip два массива одинаковой длины.

var CC = AA.reduce(function(result, value, i) { 
    return result.concat(value, BB[i]); 
}, []); 

JSFiddle Демо: https://jsfiddle.net/uh0q2eqb/

Вот как сортировать массивы одинаковой длины на основе имени каталога и имени файла в виде строки, а затем сжать их.

AA.sort(comparator); 
BB.sort(comparator); 

var CC = AA.reduce(function(result, value, i) { 
    return result.concat(value, BB[i]); 
}, []); 

function comparator(a, b) { 
    var A = a.split('/').splice(2).join('/'); 
    var B = b.split('/').splice(2).join('/'); 

    if (A > B) { 
    return 1; 
    } else if (A < B) { 
    return -1; 
    } else { 
    return 0; 
    } 
} 

JSFiddle Демонстрация: https://jsfiddle.net/uh0q2eqb/1/