本文为历史博客迁移

js 中最常用的数据结构,可以当用,也可以当队列用。

而且 js 数组内置的方法也很多,并且随着 ES 版本的更新,数组的方法越来越强大。我们先来整体看一下都有哪些方法:

遍历

  • foreach
  • map

过滤

  • some
  • every
  • filter

合并

  • concat

复制

  • slice

修改

  • splice

其他

  • reduce

其中包含面试中可以考察面试者基础牢固程度和 js 掌握精度的很多知识点。比如问初级前端的“写出你常用的 5 个数组方法”足以看出其 js 基础的水平,到问中高级前端 filter、map、reduce、some、every 的灵活运用。

那么怎么系统规律地记数组的 API 呢,我们参考 MDN 文档整理脑图如下:

image

怎么记呢

修改、访问、迭代

修改

两进两出一反转,自带排序加修改(push/unshift/pop/shift/reverse/sort/splice)

访问

三种查找加合并,转字符串浅拷贝(includes/indexOf/lastIndexOf/concat/join/slice)

迭代

三大遍历和高级,reduce 可倒着数(foreach/every/some/filter/map/reduce/reduceRight)

代码仓库见: https://github.com/barnett617/codehub/blob/main/front-end/src/1-array/index.md