JS 小技巧记不住：这份片段库按用途查了就能抄

写 JavaScript 时常冒出「这里肯定有更短的写法」的念头：数组去重、对象深合并、日期格式化，每次都得重新搜。这个项目把常用片段按用途分好类，每段都是可以整段复制走的短函数，还标了适用写法和使用示例。

它解决什么问题

网上搜到的片段不一定能跑，前后文里夹着一堆无关代码，还得自己拆。

零散技巧看过就忘，真需要的时候想不起来还有现成写法可用。

核心能力

当字典查，别当教程读

把它当字典用。写代码时先想一想「这个操作用一个函数能不能搞定」，再去站内按关键词搜索；找到后别直接粘进正式代码，先看清楚它对边界情况的处理，比如空数组、空值、对象里的循环引用，很多片段只覆盖了最常见的那种输入。判断这里该不该用现成写法，比记住片段本身更重要。

站内说明以英文为主，但代码本身不受影响。真正值得学的其实不是片段，而是它用的那些内置方法：reduce、flat、Object.entries 这类平时想不起来的工具，看得多了会自然用进自己的代码，写出来的东西也会变短、变清楚。碰到看不懂的方法，顺手去文档里看一眼它的参数和返回值。

同类工具怎么选

谁适合用

• 日常写 JavaScript、需要频繁处理数组和对象的开发者
• 想减少重复代码的前端工程师
• 正在从别的语言转到 JavaScript 的学习者

怎么开始

1. 打开项目仓库或站点，先看目录里有哪些分类。
2. 按当前要解决的问题，选对应分类浏览。
3. 找到合适的片段后，先看清它对边界输入的处理方式。
4. 把适配项目风格的片段改写进自己的代码，不要直接复制。
5. 记下片段里用到的内置方法，之后自己尝试手写一遍。

常见问题

片段能直接用在项目里吗？
多数可以，但要先确认许可协议和边界处理，涉及实际业务时建议自己改写。

只有 JavaScript 吗？
以 JavaScript 为主，也收录其他语言的片段，具体范围以仓库当前内容为准。

适合当学习教程吗？
不适合从头读。它更像速查手册，配合实际写代码时使用更好。

收录的写法会过时吗？
仓库有社区维护，但片段量大，个别条目可能没跟上语言习惯的变化，用前先判断。

授权与合规

片段以开放许可协议在 GitHub 上维护，站点与仓库内容均可免费阅读使用，也允许转载。 官网：github.com/Chalarangelo/30-seconds-of-code。