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

更新日期: 2022-04-29 阅读: 1.4k 标签: 初始化

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

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(',');

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

本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/article/detial/11617

vue数据初始化--initState

Vue 实例在建立的时候会运行一系列的初始化操作,而在这些初始化操作里面,和数据绑定关联最大的是 initState。首先,来看一下他的代码:

css样式初始化

为了消除各浏览器对css默认的设置,保持网页在各浏览器中的外观保持一致,初始化css就显得非常必要了!很多时候出现的样式不兼容问题,都可以通过css初始化代码来解决。

vue组件初始化过程

组件的实例化与vue构造函数的实例化,大部分是类似的,vue的实例可以当做一个根组件,普通组件的实例化可以当做子组件。真实的DOM是一个树形结构,虚拟DOM本质只是真实DOM的抽象,也是一个树形结构

为什么css要初始化?

每次新开发网站或新网页时候我们都需要初始化CSS样式的属性,这是为什么?下面本篇文章就来给大家介绍一下初始化CSS的原因,以及方法,希望对大家有所帮助。

vue3初始化挂载组件流程

本文主要根据vue3源码去理解清楚vue3的组件挂载流程(最后附流程图),根据个人阅读源码去解释,vue的组件是怎么从.vue单文件组件一步步插入到真实DOM中,并渲染到页面上。

如何初始化一个typescript项目

本文将展示如何从0开始初始化一个 typescript 项目。首先,我们选定一个文件夹,然后在文件夹中执行 npm init -y 命令来对项目进行初始化。

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!