请参阅下表。
我的目标是对包含混合数据类型的JavaScript数组进行排序:数字,字符串,布尔值,日期和未定义的值。
这不是自然的选择。相反,我需要尽可能匹配MS Excel使用的排序顺序...。
这是一个JavaScript ES5问题,但是数据是通过VBA中的数组来自Excel的。
平台是Excel VBA用户窗体中托管的MS Web浏览器控件(IE11)。
我知道这是很深奥的,但希望最终的问题不是。
Microsoft的JavaScript风格具有语言扩展名VBArray Object,该语言扩展名具有一种可用于将传递的VB安全数组转换为普通JavaScript数组的方法:
function convertVBArray(safearray){return new VBArray(safearray).toArray()}
.toArray()
方法进行转换,包括每个元素的数据类型转换。 VBA数组的类型为Variant(带标记的并集),它支持许多不同的变量数据子类型。 .toArray()
方法完成了将这些内容转换为JavaScript更为有限的数据类型调色板的工作。
下表显示了23个值。想象一下它们在Excel中的一列中。我从该列填充VBA变量数组(看起来就像您在下表的Excel Displays
列中看到的那样。
接下来的两列显示了数据在VBA阵列中的外观。
接下来的三列显示将数据convertVBArray()
转换为JavaScript数组后的样子。
接下来,我使用以下比较函数对JavaScript数组进行排序:
a.sort(function (a, b) { return isNaN(a) ? isNaN(b) ? a.localeCompare(b) : 1 : isNaN(b) ? -1 : parseFloat(a) - parseFloat(b) })
...但这不能很好地工作。
请参考下表的JS sortArray()
列。数据按上述排序后返回的顺序显示。
我正在寻找一种比较功能的替代方法 ,以便它尽可能接近表Excel Sort ASC
的下一列。 / p>
最后,我也想模仿最后一列Excel Sort DESC
中所示的反向排序。
我意识到在JavaScript中各种错误值都转换为undefined
值,对此大概无能为力。我确实希望它们都排在排序列表的底部。
总而言之,我希望JavaScript中的Excel Displays
中的值按照Excel Sort ASC
中显示的顺序进行排序。但是我当前的比较函数产生了JS sortArray()
中发现的较差排序。
我当前的比较功能无法按所需顺序排序 。
。
下表描述了数据和数据类型如何从Excel传递到VBA,JavaScipt并返回Excel时发生变化。
+-----+---------------+------------------------------+-----------------+-----------------------+----------------------+--------------+------------------------------------------------------------+-----------------------+----------------+-----------------+-----------------+
| Row | Excel Entered | Excel Number Format | Excel Displays | VBA Array Value | VBA Array Value Type | JS Array Ndx | JS Array Value | JS Array Value typeof | JS sortArray() | Excel Sort ASC | Excel Sort DESC |
+-----+---------------+------------------------------+-----------------+-----------------------+----------------------+--------------+------------------------------------------------------------+-----------------------+----------------+-----------------+-----------------+
| 1 | anchorage | General | anchorage | anchorage | 8 - vbString | 0 | anchorage | string | -78.96 | -78.96 | #NAME? |
| 2 | 123 | General | 123 | 123 | 5 - vbDouble | 1 | 123 | number | 123 | -1 | #N/A |
| 3 | FALSE | General | FALSE | False | 11 - vbBoolean | 2 | false | boolean | FALSE | 0 | #DIV/0! |
| 4 | =qqq | General | #NAME? | Error 2029 | 10 - vbError | 3 | undefined | undefined | -1 | 0.60625 | TRUE |
| 5 | 0 | 0.000_);[Red](0.000) | 0 | 0 | 5 - vbDouble | 4 | 0 | number | 0 | 1 | FALSE |
| 6 | 43514.49663 | m/d/yyyy h:mm | 2/18/2019 11:55 | 2/18/2019 10:59:03 AM | 7 - vbDate | 5 | Mon Feb 18 2019 11:59:09 GMT-0800 (Pacific Standard Time) | date | 43514.49663 | 99.01 | zimmer |
| 7 | =NA() | General | #N/A | Error 2042 | 10 - vbError | 6 | undefined | undefined | 0.60625 | 123 | Major Tom |
| 8 | 99.01 | $#,##0.00_);[Red]($#,##0.00) | 99.01 | 99.01 | 6 - vbCurrency | 7 | 99.01 | number | 1 | 3/20/2017 | anchorage |
| 9 | | General | | | 0 - vbEmpty | 8 | undefined | undefined | 99.01 | 2/18/2019 11:55 | ABC |
| 10 | =1/0 | General | #DIV/0! | Error 2007 | 10 - vbError | 9 | undefined | undefined | 888.87 | | 888.87 |
| 11 | ="" | General | | | 8 - vbString | 10 | | string | | $%^%$^ | $%^%$^ |
| 12 | ABC | @ | ABC | ABC | 8 - vbString | 11 | ABC | string | TRUE | 888.87 | |
| 13 | -78.96 | General | -78.96 | -78.96 | 5 - vbDouble | 12 | -78.96 | number | 42814 | ABC | 2/18/2019 11:55 |
| 14 | Major Tom | @ | Major Tom | Major Tom | 8 - vbString | 13 | Major Tom | string | $%^%$^ | anchorage | 3/20/2017 |
| 15 | TRUE | General | TRUE | True | 11 - vbBoolean | 14 | true | boolean | ABC | Major Tom | 123 |
| 16 | =TODAY()-700 | m/d/yyyy | 3/20/2017 | 3/20/2017 | 7 - vbDate | 15 | Mon Mar 120 2017 00:00:00 GMT-0700 (Pacific Standard Time) | date | anchorage | zimmer | 99.01 |
| 17 | zimmer | General | zimmer | zimmer | 8 - vbString | 16 | zimmer | string | Major Tom | FALSE | 1 |
| 18 | 1 | General | 1 | 1 | 5 - vbDouble | 17 | 1 | number | zimmer | TRUE | 0.60625 |
| 19 | | General | | | 0 - vbEmpty | 18 | undefined | undefined | | #NAME? | 0 |
| 20 | =0-1 | General | -1 | -1 | 5 - vbDouble | 19 | -1 | number | | #N/A | -1 |
| 21 | 0.60625 | h:mm | 0.60625 | 0.60625 | 5 - vbDouble | 20 | 0.60625 | number | | #DIV/0! | -78.96 |
| 22 | ="888.87" | General | 888.87 | 888.87 | 8 - vbString | 21 | 888.87 | string | | | |
| 23 | $%^%$^ | General | $%^%$^ | $%^%$^ | 8 - vbString | 22 | $%^%$^ | string | | | |
+-----+---------------+------------------------------+-----------------+-----------------------+----------------------+--------------+------------------------------------------------------------+-----------------------+----------------+-----------------+-----------------+
这只是JavaScript数组和目标排序顺序:
+--------------+------------------------------------------------------------+-----------------------+-------------------+
| JS Array Ndx | JS Array Value | JS Array Value typeof | TARGET SORT ORDER |
+--------------+------------------------------------------------------------+-----------------------+-------------------+
| 0 | anchorage | string | -78.96 |
| 1 | 123 | number | -1 |
| 2 | false | boolean | 0 |
| 3 | undefined | undefined | 0.60625 |
| 4 | 0 | number | 1 |
| 5 | Mon Feb 18 2019 11:59:09 GMT-0800 (Pacific Standard Time) | date | 99.01 |
| 6 | undefined | undefined | 123 |
| 7 | 99.01 | number | 3/20/2017 |
| 8 | undefined | undefined | 2/18/2019 11:55 |
| 9 | undefined | undefined | |
| 10 | | string | $%^%$^ |
| 11 | ABC | string | 888.87 |
| 12 | -78.96 | number | ABC |
| 13 | Major Tom | string | anchorage |
| 14 | true | boolean | Major Tom |
| 15 | Mon Mar 120 2017 00:00:00 GMT-0700 (Pacific Standard Time) | date | zimmer |
| 16 | zimmer | string | false |
| 17 | 1 | number | true |
| 18 | undefined | undefined | undefined |
| 19 | -1 | number | undefined |
| 20 | 0.60625 | number | undefined |
| 21 | 888.87 | string | undefined |
| 22 | $%^%$^ | string | undefined |
+--------------+------------------------------------------------------------+-----------------------+-------------------+
答案 0 :(得分:2)
我认为这就像你的后世。
在您的JS数组值typeOf中,日期表示类型日期,但是在常规Javascript typeof new Date()
中会给您对象,因此在您的情况下,您可能希望更改为date
。
我在这里所做的是创建一个复合排序,首先我们按typeof
进行排序,如果a和b的类型相同,则返回值为0,这是第二次作为复合排序的一部分,在这里保证a和b具有相同的类型,因此只需根据类型进行适当的排序即可。
下面是一个有效的代码段,您可以运行以查看结果。
var data = [
"anchorage",
123,
false,
undefined,
0,
new Date("Mon Feb 18 2019 11:59:09 GMT-0800"),
undefined,
99.01,
undefined,
undefined,
"",
"ABC",
-78.96,
"Major Tom",
true,
new Date("Mon Mar 12 2017 00:00:00 GMT-0700"),
"zimmer",
1,
undefined,
-1,
0.60625,
"888.87",
"$%^%$^"
];
//what ordering do we want our types?.
var typesort = [
"number", "object" /*date*/, "string", "boolean", "undefined"
];
data.sort(function (a, b) {
//first lets sort by type
var r = typesort.indexOf(typeof a) - typesort.indexOf(typeof b);
if (r === 0) {
//types are the same, need compound sort
if (typeof a === "object") return a.getTime() - b.getTime()
else if (typeof a === "string") return a.localeCompare(b)
else return a - b;
}
return r;
});
console.log(data);
答案 1 :(得分:0)
我不能说我对VB很熟悉,但是如果您只想订购ASC和DESC,我会
// slice on desc as to not affect asc
var asc = new VBArray(yourArray).toArray(), desc = asc.slice().reverse();
答案 2 :(得分:0)
有点晚,但这是使用lodash的解决方案。
var values = [
"anchorage",
123,
false,
undefined,
0,
new Date("Mon Feb 18 2019 11:59:09 GMT-0800 (Pacific Standard Time)"),
undefined,
99.01,
undefined,
undefined,
"",
"ABC",
-78.96,
"Major Tom",
true,
new Date("Mon Mar 12 2017 00:00:00 GMT-0700 (Pacific Standard Time)"),
"zimmer",
1,
undefined,
-1,
0.60625,
"888.87",
"$%^%$^"
]
var typesAsc = ["number", "date", "string", "boolean", "undefined"]
var typeOfValue = function (v) { return v instanceof Date ? "date" : typeof v }
var sortAsc = function (arr) {
return _.orderBy(arr, _.identity, "asc")
}
var sortDesc = function (arr) {
return _.orderBy(arr, _.identity, "desc")
}
var flattenInOrder = function (groups, ordering) {
return _(ordering).map(function (type) { return groups[type] })
.flatten()
.value()
}
var valuesByType = _.groupBy(values, typeOfValue)
var valuesAscByType = _.mapValues(valuesByType, sortAsc)
var valuesAsc = flattenInOrder(valuesAscByType, typesAsc)
console.log(valuesAsc)
var valuesDescByType = _.mapValues(valuesByType, sortDesc)
var valuesDesc = flattenInOrder(valuesDescByType, typesAsc.reverse())
console.log(valuesDesc)
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script>