小技巧：字符串數組初始化

有時候咱們須要初始化一個很長的字符串數組，舉個例子：

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