具有混合值类型的JavaScript数组排序-寻找合适的比较功能

时间:2019-02-18 22:56:53

标签: javascript internet-explorer-11 ecmascript-5

请参阅下表。

我的目标是对包含混合数据类型的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         |
+--------------+------------------------------------------------------------+-----------------------+-------------------+

3 个答案:

答案 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>