Ordinare i due array di valori differenti mantenendo abbinamento originale

Question

ho due array js, uno contiene le stringhe, gli altri codici di colore, qualcosa di simile:

strings = ['one', 'twooo', 'tres', 'four']; 
colors = ['000000', 'ffffff', 'cccccc', '333333']; 

ho bisogno di ordinare il primo array per la lunghezza dei valori prima più a lungo. So che posso fare qualcosa di simile:

strings.sort(function(a, b){ 
    return b.length - a.length; 
}); 

Ma in questo modo sto perdendo il colore assegnato a ogni stringa. Come posso ordinare entrambi gli array mantenendo l'abbinamento delle chiavi?

Answer 1

Copiata in modo evidente da Sorting with map e adattata.

Utilizza solo lo stesso tipo di ordinamento per l'altro array.

// the array to be sorted 
 
var strings = ['one', 'twooo', 'tres', 'four'], 
 
    colors = ['000000', 'ffffff', 'cccccc', '333333']; 
 

 
// temporary array holds objects with position and sort-value 
 
var mapped = strings.map(function (el, i) { 
 
    return { index: i, value: el.length }; 
 
}) 
 

 
// sorting the mapped array containing the reduced values 
 
mapped.sort(function (a, b) { 
 
    return b.value - a.value; 
 
}); 
 

 
// container for the resulting order 
 
var resultStrings = mapped.map(function (el) { 
 
    return strings[el.index]; 
 
}); 
 
var resultColors = mapped.map(function (el) { 
 
    return colors[el.index]; 
 
}); 
 

 
document.write('<pre>' + JSON.stringify(resultStrings, 0, 4) + '</pre>'); 
 
document.write('<pre>' + JSON.stringify(resultColors, 0, 4) + '</pre>');

Answer 2

Si può provare qualcosa di simile:

var strings = [{name:'one',color:'000000'}, {name:'tres', color:'cccccc'}, {name:'four',color:'333333'}, {name: 'twooo', color:'ffffff'}]; 
 

 
var sorted= strings.sort(function(a,b){ 
 
    return a.name.length > b.name.length; //sort length of name by ascending order 
 
}); 
 

 
console.log(sorted) 
 
document.write('<pre>' + JSON.stringify(sorted, 0, 4) + '</pre>');

Answer 3

È possibile utilizzare questo codice:

strings = ['one', 'twooo', 'tres', 'four']; 
colors = ['000000', 'ffffff', 'cccccc', '333333']; 

var a = [];//temporary array, will store objects representing each key of both arrays 
strings.forEach(function(k){ 
    a.push({s:k,c:colors[strings.indexOf(k)]}); 
}); 

a.sort(function(a, b){ 
    return b.s.length - a.s.length; 
}); 

strings = []; 
colors = []; 

a.forEach(function(v){ 
    strings.push(v.s); 
    colors.push(v.c); 
}); 

console.log(strings); 
console.log(colors); 

.210

uscita:

["twooo", "tres", "four", "one"] 
["ffffff", "cccccc", "333333", "000000"]