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

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

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