使用Javascript为数组的每个元素在字符串中排序css属性

Question

如何使用以下结构对多维数组进行排序

arr[0] = "width:100px;height:200px;"
arr[1] = "color:#FFF;background:none;"

我要求输出像

arr[0] = "height:200px;width:100px;"
arr[1] = "background:none;color:#FFF;"

更像是对给定数组内的项进行排序。请帮助。

Answer 1

将每个字符串拆分为一个数组，对该数组进行排序，将其重新连接在一起，并用该数组元素替换数组元素。

for (var i = 0; i < arr.length; i++) {
    arr[i] = arr[i].split(';').sort().join(';').substr(1)+';';
}

需要

substr(1)和+';'，因为split和join期望;是分隔符，而不是终止符。因此，当我们拆分原始字符串时，;被视为分隔空元素，该元素被放在结果的前面。