小技巧:字符串数组初始化

365 阅读1分钟

有时候我们需要初始化一个很长的字符串数组,举个例子:

const tags = [
  'html''body',
  'h1',
  'h2',
  'h3',
  'h4',
  'h5',
  'h6',
  'form',
  'input',
  'label',
  // 后面还有很长...
];

后续的处理是需要遍历这整个数组去完成某些功能,不关心这些字符串的相对顺序。但我们在维护这个字符串数组的时候会感觉有些不方便,比如太长、没有分类等。

最近在看一个开源项目正好看到一个小技巧来解决这个问题,直接上代码:

const tags = [
  // root
  'html,body',
  // content
  'h1,h2,h3,h4,h5,h6',
  // form
  'form,input,label,button',
  // ...
].join(',').split(',');

这段代码虽然不是神马很高深的技巧,但初看时还是很有感觉。虽然我们每天可能都会重复写一些代码,但应多花点心思去提升、去重构——“不积跬步,无以至千里”,这是一个永恒的话题 :)

欢迎 star 和关注我的 JS 博客:小声比比 JavaScript