前端常用的20个字符串方法和使用方式

前端常用的20个字符串方法和使用方式主要给大家整理下js中常用的字符串的方法和其使用方式，希望对大家今后的工作有所帮助。

1.charAt(x）

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

//charAt(x)

var myString='jQuery FTW!!!';

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

//output:F

2.charCodeA(x)

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

//charCodeAt(position)

var message="jquery4u"

//alert"113"

alert(message.charCodeAt(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!")

https://www.360docs.net/doc/363489603.html,stIndexOf(substr,[start])

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

//lastIndexOf(substr,[start])

var myString='javascript rox';

console.log(https://www.360docs.net/doc/363489603.html,stIndexOf('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='999JS Coders';

var myInt=myString.match(intRegex);

console.log(isInt);

//output:null

8.replace(regexp/substr,replacetext)

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

//replace(substr,replacetext)

var myString='999JavaScript Coders';

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

//output:999jQuery Coders

//replace(regexp,replacetext)

var myString='999JavaScript 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到该字符串的结尾的字符。

//substr(from,to)

var text="excellent"

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

text.substr(2,4)//returns"cell"

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());