以下是一张关于 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()