JavaScript中常用的20个字符串方法（收藏）

本文给大家介绍一下值得收藏的20个常用JavaScript字符串方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

各位小伙伴在进阶的时候总会遇到一些问题和瓶颈，业务代码写多了没有方向感，不知道该从那里入手去提升，对此我整理了一些资料，包括但不限于HTML/CSS/javaScript/Vue等多个知识点高级进阶干货需要的可以免费分享给大家，有需要者请进群点击进入1045267283

1. charAt(x)

charAt(x)返回字符串中x位置的字符，下标从 0 开始。

    //charAt(x)

    var myString = 'jQuery FTW!!!';

    console.log(myString.charAt(7));

    //output: F

2. charCodeAt(x)

`charCodeAt(x)`返回字符串中`x`位置处字符的`unicode`值。

    //charAt(position)

    var message="jquery4u"

    //alert "113"

    alert(message.charAt(1)

3. concat(v1,v2..)

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

    //concat(v1, v2,..)

    var message="Sam"

    var final=message.concat(" is a"," hopeless romantic.")

    //alerts "Sam is a hopeless romantic."

    alert(final)

4. fromCharcode(c1,c2)

fromCharcode(c1,c2)转换一组Unicode值转换为字符。

    //fromCharCode(c1, c2,...)

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

    //output: abcxyz

    console.log(String.fromCharCode(72,69,76,76,79))

    //output: HELLO

5. indexOf(substr, [start])

indexOf方法搜索并(如果找到)返回字符串中搜索到的字符或子字符串的索引。如果没有找到，则返回-1。Start是一个可选参数，指定字符串中开始搜索的位置，默认值为0。

    //indexOf(char/substring)

    var sentence="Hi, my name is Sam!"

    if (sentence.indexOf("Sam")!=-1)

    alert("Sam is in there!")

6. lastIndexOf(substr, [start])

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

    //lastIndexOf(substr, [start])

    var myString = 'javascript rox';

    console.log(myString.lastIndexOf('r'));

    //output: 11

7. match(regexp)

根据正则表达式在字符串中搜索匹配项。如果没有找到匹配项，则返回一个信息数组或null。

    //match(regexp) //select integers only

    var intRegex = /[0-9 -()+]+$/; 

    var myNumber = '999';

    var myInt = myNumber.match(intRegex);

    console.log(isInt);

    //output: 999

    var myString = '999 JS Coders';

    var myInt = myString.match(intRegex);

    console.log(isInt);

    //output: null

8. replace(regexp/substr, replacetext)

replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

    //replace(substr, replacetext)

    var myString = '999 JavaScript Coders';

    console.log(myString.replace(/JavaScript/i, "jQuery"));

    //output: 999 jQuery Coders

    //replace(regexp, replacetext)

    var myString = '999 JavaScript Coders';

    console.log(myString.replace(new RegExp( "999", "gi" ), "The"));

    //output: The JavaScript Coders

9. search(regexp)

search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，如果找到，返回与 regexp 相匹配的子串的起始位置，否则返回 -1。

    //search(regexp)

    var intRegex = /[0-9 -()+]+$/; 

    var myNumber = '999';

    var isInt = myNumber.search(intRegex);

    console.log(isInt);

    //output: 0

10. slice(start, [end])

slice() 方法可提取字符串的某个部分，返回一个新的字符串。包括字符串从 start 开始（包括 start）到 end 结束（不包括 end）为止的所有字符。

    //slice(start, end)

    var text="excellent"

    text.slice(0,4) //returns "exce"

    text.slice(2,4) //returns "ce"

11. split(delimiter, [limit])

split() 方法用于把一个字符串分割成字符串数组，返回一个字符串数组返回的数组中的字串不包括 delimiter自身。 可选的“limit”是一个整数，允许各位指定要返回的最大数组的元素个数。

12. substr(start, [length])

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

    //substring(from, to)

    var text="excellent"

    text.substring(0,4) //returns "exce"

    text.substring(2,4) //returns "ce"

13. substring(from, [to])

substring() 方法用于提取字符串中介于两个指定下标之间的字符，方返回的子串包括 start 处的字符，但不包括 stop 处的字符，to 可选，如果省略该参数，那么返回的子串会一直到字符串的结尾。

    //substring(from, [to])

    var myString = 'javascript rox';

    myString = myString.substring(0,10);

    console.log(myString)

    //output: javascript

14. toLowerCase()

toLowerCase() 方法用于把字符串转换为小写。

    //toLowerCase()

    var myString = 'JAVASCRIPT ROX';

    myString = myString.toLowerCase();

    console.log(myString)

    //output: javascript rox

15. toUpperCase()

toUpperCase() 方法用于把字符串转换为大写。

    //toUpperCase()

    var myString = 'javascript rox';

    myString = myString.toUpperCase();

    console.log(myString)

    //output: JAVASCRIPT ROX

16. includes()

includes() 方法用于检查字符串是否包含指定的字符串或字符。

    //includes()

    var mystring = "Hello, welcome to edureka";

    var n = mystring.includes("edureka");

    //output: True

17. endsWith()

endsWith()函数检查字符串是否以指定的字符串或字符结束。

    //endsWith()

    var mystr = "List of javascript functions";

    var n = mystr.endsWith("functions");

    //output: True

18. repeat()

repeat() 构造并返回一个新字符串，该字符串包含被连接在一起的指定数量的字符串的副本。

    //repeat()

    var string = "Welcome to Edureka";

    string.repeat(2);

    //output: Welcome to Edureka Welcome to Edureka

19. valueOf()

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

    //valueOf()

    var mystr = "Hello World!";

    var res = mystr.valueOf();

    //output: Hello World!

20. trim()

trim() 方法会从一个字符串的两端删除空白字符。在这个上下文中的空白字符是所有的空白字符 (space, tab, no-break space 等) 以及所有行终止符字符（如 LF，CR）

    //trim()

    var str = "    Hello Edureka!    ";

    alert(str.trim());

在此小编再次感谢大家对我的支持，需要更多相关资料，视频请加群点击进入1045267283