使用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并且期望;成为分隔符，而不是终结符。因此，当我们拆分原始字符串时，;被视为分隔一个空元素，该元素放在结果的前面。