JavaScript中常用的的字符串方法总结+详解

1. javaScript常用字符串方法

顺序	方法名	功能
1	charAt(x)	返回字符串中x字符的位置,下标从0开始
2	charCodeAt(x)	返回字符串中x位置处字符的unicode值
3	concat()	用于连接两个或多个字符串
4	fromCharcode()	将一组Unicode码转换为字符
5	indexOf(substr, [start])	返回某个指定的字符串值在字符串中首次出现的位置。如果没有找到匹配的字符串则返回 -1。
6	lastIndexOf(substr, [start])	返回指定文本在字符串中最后一次出现的索引, 如果未找到，则返回-1。
7	match(regexp)	根据正则表达式在字符串中搜索匹配项。如果没有找到匹配项，则返回null。
8	replace(regexp/substr, replacetext)	用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串
9	search(regexp)	检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，如果找到，返回与 regexp 相匹配的子串的起始位置，否则返回 -1。
10	slice(start, [end])	裁取字符串的某个部分，返回一个新的字符串。包括字符串从 start 开始（包括 start）到 end 结束（不包括 end）为止的所有字符
11	split(delimiter, [limit])	split() 方法用于把一个字符串分割成字符串数组，返回一个字符串数组，返回的数组中的字串不包括 delimiter自身。 可选的“limit”是一个整数，允许各位指定要返回的最大数组的元素个数。
12	substr(start, [length])	在字符串中抽取从 start 下标开始的指定数目的字符。返回一个新的字符串，包含从 start（包括 start 所指的字符） 处开始的 length 个字符。如果没有指定 length，那么返回的字符串包含从 start 到该字符串的结尾的字符。
13	substring(start,stop)	用于提取字符串中介于两个指定下标之间的字符
14	toLowerCase()	把字符串转换为小写。
15	toUpperCase()	把字符串转换为大写。
16	includes()	检查字符串是否包含指定的字符串或字符。
17	endsWith()	检查字符串是否以指定的字符串或字符结束。
18	repeat()	将字符串复制指定次数。
19	valueOf()	返回一个String对象的原始值（primitive value），该值等同于String.prototype.toString()。
20	trim()	从一个字符串的两端删除空白字符。

2.方法详解

1.charAt(x);

功能: 返回字符串中x字符的位置

  var str = "两片面包夹芝士"
    console.log(str.charAt(3))//包

2.charCodeAt(x);

功能: 返回字符串中x字符的位置

   var str = "两片面包夹芝士"
    console.log(str.charCodeAt(3))//21253

3.concat();

功能: 用于连接两个或多个字符串，此方法不改变现有的字符串，返回拼接后的新的字符串。

    var str1="蒂蒂";
    var str2="凯尔希";
    var str3 = "明日方舟"
    console.log(str1.concat(str2,str3))

4.fromCharcode();

功能: 将一组Unicode码转为字符。

  console.log(String.fromCharCode(97,98,99,120,121,122))//abcxyz

5.indexOf(substr, [start]);

功能: 搜索指定字符（搜索到返回该字符，否则返回 -1），Start是一个可选参数，指定字符串中开始搜索的位置，默认值为0。

     var  str = "巨人烂尾真可恶"
    console.log(str.indexOf("烂"))//2
    console.log(str.indexOf("烂尾"))//2
    console.log(str.indexOf("烂尾",[3]))//-1 ,这里是从下标3开始搜索

6.lastIndexOf(substr, [start]);

功能: 返回指定文本在字符串中最后一次出现的索引, 如果未找到，则返回-1。 “Start”是一个可选参数，指定字符串中开始搜索的位置, 默认值为string.length-1。

        var str ="巨人烂尾真可恶真可恶"
    console.log(str.indexOf("可恶"))//5
    console.log(str.lastIndexOf("可恶"))//8

7.match(regexp)；

功能: 根据正则表达式在字符串中搜索匹配项。如果没有找到匹配项，则返回null。

   var str="明日方舟,yyds!"
    console.log(str.match("yyds"))//yyds
    console.log(str.match("YYDS"))//null
    console.log(str.match("ydss"))//null
    console.log(str.match("yyds!"))//yyds!

    var regexp=/\w+/g;
    console.log(str.match(regexp))  //yyds

8.replace(regexp/substr, replacetext)

功能: 用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串

    var str="明日方舟,yyds!"
    console.log(str.replace("明日方舟","率土之滨"))//率土之滨,yyds!

    var regexp = /[\u4E00-\u9FA5]+/ //汉字
    console.log(str.replace(regexp,"英雄联盟"))//英雄联盟,yyds!

9.search(regexp)

功能: 检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，如果找到，返回与 regexp 相匹配的子串的起始位置，否则返回 -1。

  var str="明日方舟,yyds!";
    var regexp = /\w/;
    console.log(str.search("y"));//5
    console.log(str.search(regexp))//5

10.slice(start, [end])

功能: 取字符串的某个部分，返回一个新的字符串。包括字符串从 start 开始（包括 start）到 end 结束（不包括 end）为止的所有字符,没有end则默认到结尾

  var  str = "明日方舟,yyds!"
    console.log(str.slice(5)) //yyds!
    console.log(str.slice(5,[9]))//yyd

11.split(delimiter, [limit])

功能: split() 方法用于把一个字符串分割成字符串数组，返回一个字符串数组，返回的数组中的字串不包括 delimiter自身。 可选的“limit”是一个整数，限制返回的数组最大长度。

    var str = "英雄联盟丨率土之滨丨明日方舟"
    console.log(str.split("丨"))//["英雄联盟", "率土之滨", "明日方舟"];
    console.log(str.split("丨",[2]))//(2) ["英雄联盟", "率土之滨"]

12.substr(start, [length])

功能: 在字符串中抽取从 start 下标开始的指定数目的字符。返回一个新的字符串，包含从 start（包括 start 所指的字符） 处开始的 length 个字符。如果没有指定 length，那么返回的字符串包含从 start 到该字符串的结尾的字符。

var str ="2021，希望过的开开心心!!"
    console.log(str.substr(5))
    console.log(str.substr(5,7))

13.substring(start,[stop])

功能: substring() 方法用于提取字符串中介于两个指定下标之间的字符。stop可选，不传则默认到尾部
说明：如果参数 start 与 stop 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数。

 var str ="2021，希望过的开开心心!!"
    console.log(str.substring(2))//21，希望过的开开心心!!
    console.log(str.substring(2,7))//21，希望
    console.log(str.substring(7,2))//21，希望

14.toLowerCase()

功能: 把字符串转换为小写。

	  var str = " I Love You"
    console.log(str.toLowerCase())//i love you
    console.log(str.toLocaleUpperCase())//I LOVE YOU

15.toUpperCase()

功能: 把字符串转换为小写。

	  var str = " I Love You"
    console.log(str.toLowerCase())//i love you
    console.log(str.toLocaleUpperCase())//I LOVE YOU

16.includes()

功能: 检查字符串是否包含指定的字符串或字符， 存在返回true，反之返回false

    var str ="2021，希望过的开开心心!!"
    console.log(str.includes("开开心心"))//true
    console.log(str.includes("不开心"))//false

17.endsWith()

功能: 检查字符串是否以指定的字符串或字符结束， 是返回true，反之返回false

   var str ="2021，希望过的开开心心!!"
    console.log(str.endsWith("!"))//true
    console.log(str.endsWith("?"))//false

18.repeat()

功能: 将字符串复制指定次数。

   var str ="2021，希望过的开开心心!!"
    console.log(str.repeat(2))//2021，希望过的开开心心!!2021，希望过的开开心心!!

19.valueOf()

功能: 方法返回一个String对象的原始值（primitive value），该值等同于String.prototype.toString()。

    var str ="2021，希望过的开开心心!!"
    console.log(str.valueOf())//2021，希望过的开开心心!!

20.trim()

功能: 从一个字符串的两端删除空白字符。

   var str ="   2021，  希望过的开开心心!!   "
    console.log(str.trim())//2021，  希望过的开开心心!!