侧边栏壁纸
  • 累计撰写 236 篇文章
  • 累计创建 286 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

预告:JS 数组专题要来了!

DGF
DGF
2025-09-20 / 0 评论 / 0 点赞 / 2 阅读 / 0 字

前端小伙伴们,咱们是不是经常有这种体验:

  • 只会用 push / pop,写业务的时候全靠循环硬撸,代码一股“上古气息”;
  • 面试官随口一问:“能不能手写一个 reduce?”——瞬间心态爆炸;
  • 看别人用一行 map + filter + reduce 把复杂逻辑写得又优雅又高效,自己却默默地 ctrl+c / ctrl+v。

🤯 数组方法太多,学的时候一顿操作猛如虎,用的时候全忘光,是不是很熟悉?

所以,我决定搞一个 「JavaScript 数组系列专题」,从最基础的“数组是个啥”,到常见的增删改查、排序合并,再到高阶的 mapreduceflat,甚至还有手写方法、实战案例、面试题,全都给你盘一遍。

下面是我觉得你在这个系列里能够收获到的东西

  • 用数组写业务时,不再只会 for 循环
  • 面试的时候,遇到“数组题”不再发怵
  • 代码逼格瞬间提升:别人写 20 行,你写 2 行,还更优雅

一句话总结:这不是数组教程,而是前端人的“数组脱坑指南”。 🚀

下面大概列了下提纲,接下来应该会围绕下面的内容来写,也有可能会根据反馈做一些调整。

入门篇

1️⃣ 数组基础知识

  • 什么是数组
  • 创建数组的方式
  • 数组索引、长度
  • 遍历数组的几种方法

2️⃣ 数组的基本操作(增删改)

  • push / pop
  • shift / unshift
  • splice / fill

常用方法篇

3️⃣ 数组的查找与判断

  • indexOf / lastIndexOf
  • includes
  • find / findIndex / some / every

4️⃣ 数组的排序与合并

  • sort / reverse
  • concat / slice
  • join / toString

进阶篇

5️⃣ 数组的迭代与转换

  • mapfilter
  • reducereduceRight
  • flatflatMap
  • Array.from、扩展运算符 ...

6️⃣ 数组的实用技巧

  • 数组去重(多种实现)
  • 数组扁平化
  • 数组与字符串互转
  • 数组排序技巧(数字、对象数组)

高阶篇

7️⃣ 类数组与稀疏数组

  • 什么是类数组
  • argumentsNodeList
  • 转换为真正数组的方法
  • 稀疏数组的特点与注意事项

8️⃣ 不可变操作与函数式编程

  • 使用扩展运算符实现不可变更新
  • 不改变原数组的方法总结
  • 函数式编程中数组处理思路

实战 & 面试篇

9️⃣ 手写常见数组方法

  • 手写 mapfilterreduce
  • 手写数组去重 / 扁平化

🔟 数组的实战应用与面试题

  • 两数之和
  • 数组旋转
  • 最大/最小值查找
  • 实现 groupBy、分页等实用案例

友情提示:一切的一切都是孰能生巧,仅看看估计效果不佳,重要的事情说三遍:
多敲!!!
多敲!!!
多敲!!!

0

评论区