将js里面的数组和字符串的方法制作成一张思维导图

84 阅读4分钟

以下是一张关于 JavaScript 数组和字符串方法的思维导图:

中心主题:JavaScript 数组和字符串方法

一、数组方法

  • 修改原数组的方法

    • push():在数组末尾添加一个或多个元素,返回新的长度。
    • pop():删除数组的最后一个元素,返回被删除的元素。
    • shift():删除数组的第一个元素,返回被删除的元素。
    • unshift():在数组开头添加一个或多个元素,返回新的长度。
    • splice():通过删除、替换或添加元素来修改数组,返回被删除的元素组成的数组。
    • reverse():颠倒数组中元素的顺序。
    • sort():对数组元素进行排序,可传入自定义排序函数。
  • 不修改原数组的方法

    • concat():合并两个或多个数组,返回新数组。

    • join():将数组的所有元素连接成一个字符串,可指定分隔符。

    • slice():返回从起始索引到结束索引(不包括结束索引)的元素组成的新数组。

    • indexOf():返回元素在数组中第一次出现的索引,未找到返回 -1。

    • lastIndexOf():返回元素在数组中最后一次出现的索引,未找到返回 -1。

    • includes():判断数组是否包含某个元素,返回布尔值。

    • forEach():对数组中的每个元素执行一次提供的函数。

    • map():对数组中的每个元素执行函数,返回新数组。

    • filter():根据条件过滤元素,返回满足条件的元素组成的新数组。

    • reduce():从左到右对数组元素执行函数,将其汇总为一个值。

    • reduceRight():从右到左对数组元素执行函数,将其汇总为一个值。

    • every():判断数组中的元素是否都满足条件,返回布尔值。

    • some():判断数组中是否存在满足条件的元素,返回布尔值。

    • find():返回满足条件的第一个元素,未找到返回 undefined

    • findIndex():返回满足条件的第一个元素的索引,未找到返回 -1。

二、字符串方法

  • 查找和提取方法

    • charAt():返回指定位置的字符。
    • charCodeAt():返回指定位置字符的 Unicode 码点。
    • indexOf():返回子串在字符串中第一次出现的索引,未找到返回 -1。
    • lastIndexOf():返回子串在字符串中最后一次出现的索引,未找到返回 -1。
    • slice():提取字符串的一部分,返回新字符串。
    • substring():提取字符串的一部分,与 slice() 类似但参数处理不同。
    • substr():从指定位置开始提取指定长度的字符串,已不推荐使用。
    • includes():判断字符串是否包含子串,返回布尔值。
    • startsWith():判断字符串是否以子串开头,返回布尔值。
    • endsWith():判断字符串是否以子串结尾,返回布尔值。
  • 修改和转换方法

    • concat():连接两个或多个字符串,返回新字符串。

    • split():将字符串按分隔符拆分成数组。

    • replace():替换子串,可使用正则表达式,返回新字符串。

    • replaceAll():替换所有匹配的子串,可使用正则表达式,返回新字符串。

    • toUpperCase():将字符串转为大写。

    • toLowerCase():将字符串转为小写。

    • trim():去除字符串两端的空格。

    • trimStart():去除字符串开头的空格。

    • trimEnd():去除字符串结尾的空格。

    • repeat():重复字符串指定次数,返回新字符串。

在实际开发中,根据不同的需求,可以灵活运用这些方法。例如,对于数组操作,需要添加元素可以使用 push() 或 unshift();对于字符串操作,需要查找子串可以使用 indexOf() 或 includes()。掌握这些方法的特点和使用场景,可以提高代码的编写效率和代码质量。

如果你需要更详细的思维导图,你可以使用专业的思维导图工具(如 XMind、MindManager 等),将上述内容输入,这些工具会为你生成更直观、更详细的思维导图,并且可以添加更多的细节、示例和注释,方便你更好地理解和记忆。

以下是一个简单的思维导图的文本表示:

收起

plaintext

JavaScript 数组和字符串方法
├── 数组方法
│   ├── 修改原数组的方法
│   │   ├── push()
│   │   ├── pop()
│   │   ├── shift()
│   │   ├── unshift()
│   │   ├── splice()
│   │   ├── reverse()
│   │   └── sort()
│   └── 不修改原数组的方法
│       ├── concat()
│       ├── join()
│       ├── slice()
│       ├── indexOf()
│       ├── lastIndexOf()
│       ├── includes()
│       ├── forEach()
│       ├── map()
│       ├── filter()
│       ├── reduce()
│       ├── reduceRight()
│       ├── every()
│       ├── some()
│       ├── find()
│       └── findIndex()
└── 字符串方法
    ├── 查找和提取方法
    │   ├── charAt()
    │   ├── charCodeAt()
    │   ├── indexOf()
    │   ├── lastIndexOf()
    │   ├── slice()
    │   ├── substring()
    │   ├── substr()
    │   ├── includes()
    │   ├── startsWith()
    │   └── endsWith()
    └── 修改和转换方法
        ├── concat()
        ├── split()
        ├── replace()
        ├── replaceAll()
        ├── toUpperCase()
        ├── toLowerCase()
        ├── trim()
        ├── trimStart()
        ├── trimEnd()
        └── repeat()