备战面试/笔试 —— String常见API总结

前言

笔者认为，对一个API的理解最重要的是三个方面
一、做了什么事
二、参数
三、返回值类型是什么

统一设置

let str = "hello world"

声明：
1.较为复杂的API我会写一些代码示例，其余具体用法请自行查阅MDN
2. 字符串API一般不会改变原字符串
3. 注意有些API返回的是String，有些返回的是Boolean，有些返回的是Number，有些返回的是Array

1.查找

1.1 str.charAt(index)

str.charAt(0) // "h"

做了什么事：从一个字符串中返回指定的字符
参数index：一个介于0 和字符串长度减1之间的整数 (0 ~ length-1)，若没有参数，默认值为0
返回值：String 返回指定的字符

1.2 str.indexOf(searchValue[, fromIndex])

str.indexOf('or',5) // 7

做了什么事：返回一个字符串在另一个字符串中出现时的索引值，在fromIndex开始进行搜索。
参数searchValue：字符串【留意字符串为空字符时的情况】
参数fromIndex：开始查找的位置
返回值：Number返回searchValue第一次出现的索引值；反之，返回-1

1.3 str.match(regexp)

str.match(/hello/i) // ["hello"]

做了什么事：当一个字符串与一个正则表达式匹配时， match()方法检索匹配项
参数regexp：一个正则表达式对象
返回值：Array、null 返回数组，被匹配成功的字符串为数组的第一项；若匹配失败，返回null

详细说明
regexp参数被传入一个非正则对象的使用较为复杂，笔者举例说明

// 1. 传入非正则表达式对象
str.match("hello") // ["hello"]
// 如果传入一个非正则表达式对象，则会隐式地使用 new RegExp(obj) 将其转换为一个 RegExp 
str.match(new RegExp("hello")) -> str.match(/hello/)

// 2. 未传入任何参数，返回一个包含空字符串的数组
str.match() // [""] 

1.4 str.search(regexp)

str.search(/world/i) // 6

做了什么事：使用正则表达式与str之间进行匹配
参数regexp：一个正则表达式对象
返回值：Number 返回正则表达式在字符串中首次匹配项的索引；否则，返回 -1

2.判断

2.1 str.includes(searchString[, position])

str.includes('or',8) // false

做了什么事：判断一个字符串是否包含在另一个字符串中
参数searchString：字符串【留意字符串为空字符时的情况】
参数position：开始查询的索引位置，默认为0
返回值：Boolean匹配成功返回true，反之返回false

3.连接

3.1 str.concat(string2, string3[, ..., stringN])

str.concat(',I am',' a',' javascripter') // "hello world,I am a javascripter"

做了什么事：将一个或多个字符串与原字符串连接合并
参数：一个或多个字符串
返回值：合并后的新字符串

4.替换

4.1 str.replace(regexp|substr, newSubStr|function)

str.replace(/hello/i,'wonderful') // "wonderful world"

做了什么事：将str内被第一个参数匹配上的部分替换为第二个参数的值
参数regexp|substr：正则对象或者字符串
参数newSubStr|function：字符串或者回调函数【关于回调函数部分有些复杂，建议大家自行查阅mdn】
返回值：String被替换后的新字符串

5.截取

5.1 str.slice(beginSlice[, endSlice])

str.slice(1,3) // "el"

做了什么事：提取一个字符串的一部分，并返回一新的字符串
参数beginSlice：开始截取的索引值
参数endSlice：结束截取的索引值
返回值：String被截取的字符串

5.2 str.split([separator[, limit]])

"Webkit Moz O ms Khtml".split( " ",2 ) //  ["Webkit", "Moz"]
"Webkit Moz O ms Khtml".split( " " )   // ["Webkit", "Moz", "O", "ms", "Khtml"]

做了什么事：使用指定的分隔符字符串将一个String对象分割成字符串数组
参数separator：指定的分隔符
参数limit：数组的长度
返回值：Array被分割的字符串组成的数组

5.3 str.substr(start[, length])

str.substr(1,5) // "ello "

做了什么事：指定一个开始位置和字符长度，根据这个指定从一个字符串中截取并返回新的字符串
参数start：开始的索引位置
参数length：字符串字符数
返回值：String被截取的新字符串

5.4 str.substring(indexStart[, indexEnd])

str.substring(1,6) // "ello "

做了什么事：返回一个字符串在开始索引到结束索引之间的一个子集
参数indexStart：开始的索引位置
参数indexEnd：结束的索引位置【默认为字符串长度+1】
返回值：String被截取的新字符串

6. 大小写转换

// 全部转换为大写
str.toUpperCase() // "HELLO WORLD"
// 全部转换为小写
str.concat(',My Friend!').toLowerCase() // "hello world,my friend!"

行文匆忙，难免有一些弱智错误，还望大家提醒，共同进步