小技巧：字符串?dāng)?shù)組初始化

gplane 發(fā)布于2019-08-26 10:45 / 1269人閱讀

摘要：有時(shí)候我們需要初始化一個(gè)很長(zhǎng)的字符串?dāng)?shù)組，舉個(gè)例子，后面還有很長(zhǎng)后續(xù)的處理是需要遍歷這整個(gè)數(shù)組去完成某些功能，不關(guān)心這些字符串的相對(duì)順序。但我們?cè)诰S護(hù)這個(gè)字符串?dāng)?shù)組的時(shí)候會(huì)感覺有些不方便，比如太長(zhǎng)沒有分類等。

有時(shí)候我們需要初始化一個(gè)很長(zhǎng)的字符串?dāng)?shù)組，舉個(gè)例子：

const tags = [
  "html"，
  "body",
  "h1",
  "h2",
  "h3",
  "h4",
  "h5",
  "h6",
  "form",
  "input",
  "label",
  // 后面還有很長(zhǎng)...
];

后續(xù)的處理是需要遍歷這整個(gè)數(shù)組去完成某些功能，不關(guān)心這些字符串的相對(duì)順序。但我們?cè)诰S護(hù)這個(gè)字符串?dāng)?shù)組的時(shí)候會(huì)感覺有些不方便，比如太長(zhǎng)、沒有分類等。

最近在看一個(gè)開源項(xiàng)目正好看到一個(gè)小技巧來解決這個(gè)問題，直接上代碼：

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

這段代碼雖然不是神馬很高深的技巧，但初看時(shí)還是很有感覺。雖然我們每天可能都會(huì)重復(fù)寫一些代碼，但應(yīng)多花點(diǎn)心思去提升、去重構(gòu)——“不積跬步，無以至千里”，這是一個(gè)永恒的話題

歡迎 star 和關(guān)注我的 JS 博客：小聲比比 Javascript

云服務(wù)器 GPU云服務(wù)器數(shù)組操作技巧小技巧小技巧全集 PowerShell小技巧

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/106731.html

相關(guān)文章

實(shí)用 | 35個(gè)可以提高千倍效率的Java代碼小技巧

摘要：此舉能夠使性能平均提高。盡可能使用局部變量調(diào)用方法時(shí)傳遞的參數(shù)以及在調(diào)用中創(chuàng)建的臨時(shí)變量都保存在棧中速度較快，其他變量，如靜態(tài)變量實(shí)例變量等，都在堆中創(chuàng)建，速度較慢。 showImg(https://segmentfault.com/img/bVbsIIl?w=900&h=383);本文來源 |?http://atjf.top/3WLPmG 作者 | 萌小Q 01前沿代碼優(yōu)化，一個(gè)...

NikoManiac 2019-08-19 11:42 評(píng)論0 收藏0
JS 中可以提升幸福度的小技巧

本文主要介紹一些JS中用到的小技巧，可以在日常Coding中提升幸福度，將不定期更新~ 1. 類型強(qiáng)制轉(zhuǎn)換 1.1 string強(qiáng)制轉(zhuǎn)換為數(shù)字可以用*1來轉(zhuǎn)化為數(shù)字(實(shí)際上是調(diào)用.valueOf方法)然后使用Number.isNaN來判斷是否為NaN，或者使用 a !== a 來判斷是否為NaN，因?yàn)?NaN !== NaN 32 * 1 // 32 ds * 1 ...

tain335 2019-08-22 11:16 評(píng)論0 收藏0
12個(gè)javaScript技巧

摘要：如果第一個(gè)參數(shù)返回的值為，那么第二個(gè)值將會(huì)認(rèn)為是一個(gè)默認(rèn)值。但這個(gè)對(duì)象不具有數(shù)組的函數(shù)功能，比如等。轉(zhuǎn)載自：http://www.w3cplus.com/javasc...英文出處：https://blog.jscrambler.com/1... 12個(gè)JavaScript技巧在這篇文章中將給大家分享12個(gè)有關(guān)于JavaScript的小技巧。這些小技巧可能在你的實(shí)際工作中或許能幫助...

AWang 2019-08-20 13:40 評(píng)論0 收藏0
JS基礎(chǔ)之常用小技巧和知識(shí)總結(jié)(一)

摘要：如果有一方是布爾值，則轉(zhuǎn)換為，轉(zhuǎn)換為，再進(jìn)行判斷。等同運(yùn)算符類型不同返回類型相同如果同為數(shù)字字符串則比較值如果同為布爾值，相同則為不同為如果兩個(gè)操作數(shù)同為引用類型，且引用的為同一個(gè)對(duì)象函數(shù)，數(shù)組，則相同。本文主要記錄平時(shí)開發(fā)遇到的知識(shí)點(diǎn)和小技巧相等判斷(==) 類型相同：判斷其值是否相同類型不同： 1. 如果數(shù)字和字符串比較，則字符串會(huì)被隱式轉(zhuǎn)換為數(shù)字，在做判斷。 2....

dadong 2019-08-20 18:33 評(píng)論0 收藏0
12個(gè)非常實(shí)用的JavaScript小技巧

摘要：如果第一個(gè)參數(shù)返回的值為，那么第二個(gè)值將會(huì)認(rèn)為是一個(gè)默認(rèn)值。獲取數(shù)組中最后一個(gè)元素用來獲取和之間的數(shù)組元素。但這個(gè)對(duì)象不具有數(shù)組的函數(shù)功能，比如等。使用!!操作符轉(zhuǎn)換布爾值有時(shí)候我們需要對(duì)一個(gè)變量查檢其是否存在或者檢查值是否有一個(gè)有效值，如果存在就返回true值。為了做這樣的驗(yàn)證，我們可以使用!!操作符來實(shí)現(xiàn)是非常的方便與簡(jiǎn)單。對(duì)于變量可以使用!!variable做檢測(cè)，只要變量的...

jsbintask 2019-08-20 18:37 評(píng)論0 收藏0