资讯专栏INFORMATION COLUMN

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

gplane / 1137人阅读

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

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

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/106731.html

相关文章

  • 实用 | 35个可以提高千倍效率的Java代码技巧

    摘要:此举能够使性能平均提高。尽可能使用局部变量调用方法时传递的参数以及在调用中创建的临时变量都保存在栈中速度较快,其他变量,如静态变量实例变量等,都在堆中创建,速度较慢。 showImg(https://segmentfault.com/img/bVbsIIl?w=900&h=383);本文来源 | http://atjf.top/3WLPmG 作者 | 萌小Q 01前沿 代码优化 ,一个...

    NikoManiac 评论0 收藏0
  • JS 中可以提升幸福度的技巧

    本文主要介绍一些JS中用到的小技巧,可以在日常Coding中提升幸福度,将不定期更新~ 1. 类型强制转换 1.1 string强制转换为数字 可以用*1来转化为数字(实际上是调用.valueOf方法)然后使用Number.isNaN来判断是否为NaN,或者使用 a !== a 来判断是否为NaN,因为 NaN !== NaN 32 * 1 // 32 ds * 1 ...

    tain335 评论0 收藏0
  • 12个javaScript技巧

    摘要:如果第一个参数返回的值为,那么第二个值将会认为是一个默认值。但这个对象不具有数组的函数功能,比如等。 转载自:http://www.w3cplus.com/javasc...英文出处:https://blog.jscrambler.com/1... 12个JavaScript技巧 在这篇文章中将给大家分享12个有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助...

    AWang 评论0 收藏0
  • JS基础之常用技巧和知识总结(一)

    摘要:如果有一方是布尔值,则转换为,转换为,再进行判断。等同运算符类型不同返回类型相同如果同为数字字符串则比较值如果同为布尔值,相同则为不同为如果两个操作数同为引用类型,且引用的为同一个对象函数,数组,则相同。 本文主要记录平时开发遇到的知识点和小技巧 相等判断(==) 类型相同: 判断其值是否相同 类型不同: 1. 如果数字和字符串比较, 则字符串会被隐式转换为数字,在做判断。 2....

    dadong 评论0 收藏0
  • 12个非常实用的JavaScript技巧

    摘要:如果第一个参数返回的值为,那么第二个值将会认为是一个默认值。获取数组中最后一个元素用来获取和之间的数组元素。但这个对象不具有数组的函数功能,比如等。 使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值。为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单。对于变量可以使用!!variable做检测,只要变量的...

    jsbintask 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<