javascript - 使用字符串拆分而不是带有子字符串的数组声明数组

Question

我经常注意到人们拆分一串子字符串而不是仅仅声明一个必要字符串的数组。

moment.js 中的示例:

langConfigProperties = 'months|monthsShort|weekdays|weekdaysShort|weekdaysMin|longDateFormat|calendar|relativeTime|ordinal|meridiem'.split('|'),

jQuery 中的示例

 "Boolean Number String Function Array Date RegExp Object".split(" ")

喜欢这种方式的原因是什么？

Answer 1

It's way slower to use the .split ，但它的优点是代码可以更短(更少字符):

var array = 'months|monthsShort|weekdays|weekdaysShort|weekdaysMin|longDateFormat|calendar|relativeTime|ordinal|meridiem'.split('|');
var array = ['months','monthsShort','weekdays','weekdaysShort','weekdaysMin','longDateFormat','calendar','relativeTime','ordinal','meridiem'];

在此示例中，差异并不大，但如果您有 100 个变量，差异会变得更加显着。

拆分版中分隔符加上的长度为11 + 1 * n，其中n为元素个数，11为 .split('|')
对于数组版本，即 2 + 3 * (n - 1)，2 用于 []。

这意味着只要你有 6 个元素，.split 版本就会更短:

for(var i = 5; i < 8; i++){
    console.log('Elements:', i, 'split:', 11 + (i-1), 'array:', 2 + 3 * (i-1));
}
// Elements: 5 split: 15 array: 14
// Elements: 6 split: 16 array: 17
// Elements: 7 split: 17 array: 20