当前位置:文档之家› 前端常用的20个字符串方法和使用方式

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

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

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

//charAt(x)var myString='jQuery FTW!!!';console.log(myString.charAt(7));//output:F2.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:abcxyzconsole.log(String.fromCharCode(72,69,76,76,79))//output:HELLO5.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!")stIndexOf(substr,[start])lastIndexOf()方法返回指定文本在字符串中最后一次出现的索引,如果未找到,则返回-1。

“Start”是一个可选参数,指定字符串中开始搜索的位置,默认值为string.length-1。

//lastIndexOf(substr,[start])var myString='javascript rox';console.log(stIndexOf('r'));//output:117.match(regexp)根据正则表达式在字符串中搜索匹配项。

如果没有找到匹配项,则返回一个信息数组或null。

//match(regexp)//select integers onlyvar intRegex=/[0-9-()+]+$/;var myNumber='999';var myInt=myNumber.match(intRegex);console.log(isInt);//output:999var myString='999JS Coders';var myInt=myString.match(intRegex);console.log(isInt);//output:null8.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 Coders9.search(regexp)search()方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,如果找到,返回与regexp相匹配的子串的起始位置,否则返回-1。

//search(regexp)var intRegex=/[0-9-()+]+$/;var myNumber='999';var isInt=myNumber.search(intRegex);console.log(isInt);//output:010.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:javascript14.toLowerCase()toLowerCase()方法用于把字符串转换为小写。

//toLowerCase()var myString='JAVASCRIPT ROX';myString=myString.toLowerCase();console.log(myString)//output:javascript rox15.toUpperCase()toUpperCase()方法用于把字符串转换为大写。

//toUpperCase()var myString='javascript rox';myString=myString.toUpperCase();console.log(myString)//output:JAVASCRIPT ROX16.includes()includes()方法用于检查字符串是否包含指定的字符串或字符。

//includes()var mystring="Hello,welcome to edureka";var n=mystring.includes("edureka");//output:True17.endsWith()endsWith()函数检查字符串是否以指定的字符串或字符结束。

//endsWith()var mystr="List of javascript functions";var n=mystr.endsWith("functions");//output:True18.repeat()repeat()构造并返回一个新字符串,该字符串包含被连接在一起的指定数量的字符串的副本。

//repeat()var string="Welcome to Edureka";string.repeat(2);//output:Welcome to Edureka Welcome to Edureka19.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());。

相关主题