使用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期望;是分隔符,而不是终结符.因此,当我们拆分原始字符串时,将;其视为分隔空元素,该元素放在结果的前面.