精心收集的JavaScript字符串方法参考总结
当我刚开始编写JavaScript时候,遇到一些要处理的问题时我发现自己经常要谷歌搜索,或使用Mozilla的参考,以找到这些确切的语法和参 数的定义与字符串操作的方法。好像高手都是这样过来的,
几年编程下来,我积累了大量的有用信息,所以今天的这篇文章就分享几年以来总结的一些最常见和最有用的字符串相关的方法的例子和简要说明。便于程序员用于快速参考。当然,最有经验的开发人员对这些操作很熟悉,但我认为这是一个很好的方法帮助初学者理解这些函数,他可以帮助你使用简单的语法。完成复杂的操作,
转换字符串
你可以转换一个数字,布尔值,或一个字符串的对象:
1 var myNumber = 24; // 24 2 var myString = myNumber.toString(); // "24"
var myNumber = 24; // 24 var myString = String(myNumber); // "24"
将字符串分割成多个子字符串
为了区分一个字符串转换为一个子字符串数组,你可以使用的split()
方法:
1 var myString = "coming,apart,at,the,commas"; 2 var substringArray = myString.split(","); // ["coming", "apart", "at", "the", "commas"] 3 var arrayLimited = myString.split(",", 3); // ["coming", "apart", "at"]
最后一行的第二个参数限制了数组参数所指定的项目的数量。
获取一个字符串的长度
要找出多少个字符长的字符串的length
属性:
1 var myString = "You're quite a character."; 2 var stringLength = myString.length; // 25
在字符串中找到一个子串
这样做的方法有两种。
使用indexOf()
:
1 var stringOne = "Johnny Waldo Harrison Waldo"; 2 var wheresWaldo = stringOne.indexOf("Waldo"); // 7
indexOf()
方法从字符串的开头开始搜索的子串(通过)第一个参数,并返回第一次出现子字符串的开始位置。
使用lastIndexOf()
:
1 var stringOne = "Johnny Waldo Harrison Waldo"; 2 var wheresWaldo = stringOne.lastIndexOf("Waldo"); // 22
lastIndexOf()
方法是完全一样的,只不过它返回传递的子字符串中最后一次出现的起始位置。
在这两种方法中,如果没有找到子字符串,则返回值-1
,并允许一个可选的第二个参数表示您要开始搜索的字符在字符串中的位置
替换掉一个子串
要更换一个新的字符串的字符串的一部分或全部,你可以使用replace()
:
1 var slugger = "Josh Hamilton"; 2 var betterSlugger = slugger.replace("h Hamilton", "e Bautista"); 3 console.log(betterSlugger); // "Jose Bautista"
第一个参数是你要替换的子字符串,第二个参数是新的子串。这只会替换匹配的子字符串的第一个实例。
要更换匹配的子字符串的所有实例,使用正则表达式的全局标志:
1 var myString = "She sells automotive shells on the automotive shore"; 2 var newString = myString.replace(/automotive/g, "sea"); 3 console.log(newString); // "She sells sea shells on the sea shore"
第二个参数可以包括特殊的替换模式,或可以是一个函数。
在给定的位置,找到相应的字符
要查找的字符是在指定的位置,你可以使用charAt()方法
:
var myString = "Birds of a Feather"; var whatsAtSeven = myString.charAt(7); // "f"
往往是在JavaScript的情况下,引用该字符串中的第一个位置为“0”,而不是“1”。
或者,您也可以使用charCodeAt()
,它给你,而不是字符本身的字符代码:
1 var myString = "Birds of a Feather"; 2 var whatsAtSeven = myString.charCodeAt(7); // "102" 3 var whatsAtEleven = myString.charCodeAt(11); // "70"
请注意,大写字母“F”的位(11)的字符代码与小写字母“f”的位(7)从字符码不同。
连接多个字符串
在大多数情况下,当您连接字符串时,你会使用加法运算符(+)。但你也可以选择使用CONCAT()
方法:
1 var stringOne = "Knibb High football "; 2 var stringTwo = stringOne.concat("rules."); // "Knibb High football rules"
您还可以通过将多个字符串,将被一个个的追加起来(在它们出现的顺序):
1 var stringOne = "Knibb "; 2 var stringTwo = "High "; 3 var stringThree = "football "; 4 var stringFour = "rules."; 5 var finalString = stringOne.concat(stringTwo, stringThree, stringFour); 6 console.log(finalString); // "Knibb high football rules."
提取字符串(组成新字符串)
有三种不同的方法来创建一个新的字符串值:
使用slice()方法
:
1 var stringOne = "abcdefghijklmnopqrstuvwxyz"; 2 var stringTwo = stringOne.slice(5, 10); // "fghij"
使用substring()方法
:
var stringOne = "abcdefghijklmnopqrstuvwxyz"; var stringTwo = stringOne.substring(5, 10); // "fghij"
对于这两个slice()
和substring()方法
的第一个参数是你想要的开始的子串,第二个参数(这是可选的)后的字符串中的字符结束的字串。因此,在上面的例子中,参数“5,10”,是指,字符5到9,以创建一个新的字符串。
使用SUBSTR()
var stringOne = "abcdefghijklmnopqrstuvwxyz"; var stringTwo = stringOne.substr(5, 10); // "fghijklmno"
SUBSTR()
,第一个参数代表开始新的字符串的字符,第二个参数是可选的。但这个时候,第二个参数表示的字符的总数应包括的开始的字符“5”的位置。
一个字符串转换为大写或小写
有四种方法做大小写转换。有两个字符串转换为全部大写:
1 var stringOne = "Speak up, I can't hear you."; 2 var stringTwo = stringOne.toLocaleUpperCase(); // "SPEAK UP, I CAN'T HEAR YOU" 3 var stringThree = stringOne.toUpperCase(); // "SPEAK UP, I CAN'T HEAR YOU"
将字符串转换为小写:
1 var stringOne = "YOU DON'T HAVE TO YELL"; 2 var stringTwo = stringOne.toLocaleLowerCase(); // "you don't have to yell" 3 var stringThree = stringOne.toLowerCase(); // "you don't have to yell"
模式匹配
在一个字符串匹配的模式,可以使用两种方法,其基本的工作方式相同。
一个字符串match()方法被调用,并通过正则表达式:
1 var myString = "How much wood could a wood chuck chuck"; 2 var myPattern = /.ood/; 3 var myResult = myString.match(myPattern); // ["wood"] 4 var patternLocation = myResult.index; // 9 5 var originalString = myResult.input // "How much wood could a wood chuck chuck"
exec()
方法被调用的一个正则表达式
对象,并通过字符串:
var myString = "How much wood could a wood chuck chuck"; var myPattern = /.huck/; var myResult = myPattern.exec(myString); // ["chuck"] var patternLocation = myResult.index; // 27 var originalString = myResult.input // "How much wood could a wood chuck chuck"
对于这两种方法,只在第一个匹配发生被返回。如果没有找到匹配,将返回空值
。
也可以使用search()方法,它接受一个正则表达式作为唯一的参数,并返回模式第一次出现的位置:
1 var myString = "Assume"; 2 var patternLocation = myString.search(/ume/); // 3
如果没有找到匹配,则该方法返回“-1”。
比较两个字符串的排序顺序
您可以比较两个字符串,看看哪一个字母先靠前使用localeCompare
,,有三个可能的返回值:
1 var myString = "chicken"; 2 var myStringTwo = "egg"; 3 var whichCameFirst = myString.localeCompare(myStringTwo); // -1 (except Chrome, which returns -2) 4 whichCameFirst = myString.localeCompare("chicken"); // 0 5 whichCameFirst = myString.localeCompare("apple"); // 1 (Chrome returns 2)
stringObject.localeCompare(target)//公式
如上图所示,如果 stringObject 小于 target,则 localeCompare() 返回小于 0 的数。如果 stringObject 大于 target,则该方法返回大于 0 的数。如果两个字符串相等,或根据本地排序规则没有区别,该方法返回 0。
由于浏览器可以返回任何负数或正数之前和之后的结果最好使用
,而不是if ( result < 0 )
if ( result === -1 ),后者将无法在Chrome浏览器中运行。