如果你是一名前端开发者，你可能会发现自己经常需要编写一些重复的 JavaScript 代码。这些代码可能涉及到 DOM 操作、事件处理、字符串处理、数组操作等等。为了帮助你更高效地完成这些任务，我们整理了以下 48 个非常有用的 JavaScript 代码片段，这些代码片段具有深度和学习以及指导意义，可以帮助你提高编程技能。
DOM 操作
1. 通过 ID 获取元素
----- ------- - -------------------------------------
2. 通过 class 名称获取元素列表
----- -------- - --------------------------------------
3. 创建新的元素
----- ---------- - ------------------------------
4. 在元素中添加子元素
----------------------------------------
5. 设置元素属性
-------------------------- ---------
6. 获取元素属性
----- -------------- - ---------------------------
7. 删除元素属性
------------------------------
8. 修改元素样式
------------------- - ------
9. 获取元素尺寸
----- ----- - -------------------- ----- ------ - ---------------------
10. 监听元素事件
--------------------------------- -- -- - -- ---- ---
11. 移除元素事件监听器
------------------------------------ -------------
字符串操作
12. 拼接字符串
----- ---- - -------- ----- ---- - -------- ----- -------- - --------- ----------
13. 获取字符串长度
----- --- - ------ -------- ----- ------ - -----------
14. 判断字符串是否包含子字符串
----- --- - ------ -------- ----- -------- - ----------------------
15. 替换字符串中的子字符串
----- --- - ------ -------- ----- ------ - -------------------- ------------
16. 将字符串转为小写/大写
----- --- - ------ -------- ----- --------- - ------------------ ----- --------- - ------------------
17. 去除字符串首尾空格
----- --- - - ----- ------ -- ----- ------- - -----------
18. 将字符串分隔成数组
----- --- - ---------------------- ----- --- - ---------------
数组操作
19. 创建新数组
----- -------- - ---
20. 在数组末尾添加元素
-----------------
21. 在数组开头添加元素
--------------------
22. 删除数组末尾的元素
------------
23. 删除数组开头的元素
--------------
24. 获取数组长度
----- ------ - -------------
25. 遍历数组
-------------------- -- - -- ------ ---
26. 创建新数组并遍历原数组
----- -------- - ---------------- -- - -- ----- ---
27. 过滤数组元素
----- ------------- - ------------------- -- - -- ------------ ------------- ------- ---
28. 查找数组中第一个符合条件的元素
----- ------------ - ----------------- -- - -- ------------ ------------- ------ ---
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6722