前端入门系列(二):javascript字符串对象方法
字符方法
chatAt()和chatCodeAt
charAt()和charCodeAt()
这两个方法接收一个参数,即基于0的字符位置。
chatAt()以单字符字符串的形式返回给定位置的那个字符。
chatCodeAt()返回给定位置的那个字符的字符编码。
var stringValue="hellow"; stringValue.chatAt(1); //"e" stringValue.chatCodeAt(1); //"101"
字符串操作方法
concat()
concat()用于将一个或多个字符串拼接起来,返回拼接得到的新创建的字符串。
但实践中大多数情况还是使用(+)加号操作符,比concat()简单易行。
slice()、substring()、substr()
三个基于子字符串创建新字符串的方法,创建并返回被操作字符串的子字符串。注意方法名称都是小写
共同点:
参数1:必选,指定子字符串开始位置。
参数2:可选,不指定时将字符串的长度作为结束位置。
差异:
1、当指定参数2时
方法 | 参数2含义 |
---|---|
slice()、substring() | 指定子字符串最后一个字符的位置 |
substr | 返回或截取的字符个数 |
var stringValue="hello world"; stringValue.length; //11 stringValue.slice(3); //"lo world" stringValue.substring(3); //"lo world" stringValue.substr(3); //"lo world" stringValue.slice(3,7); //"lo wo" stringValue.substring(3,7); //"lo wo" stringValue.substr(3,7); //"lo worl"
2、当传递这些方法的参数是负数时
方法 | 行为 |
---|---|
slice() | 所有传入的负值与字符串的长度相加 |
substring() | 所有的负值参数都转化为0 |
substr() | 将负的第一个参数加上字符串的长度,将负的第二个参数转换为0 |
var stringValue="hello world"; stringValue.length; //11 stringValue.slice(-3); //"rld" stringValue.substring(-3); //"hello world" stringValue.substr(-3); //"rld" stringValue.slice(3,-4); //"lo wo" stringValue.substring(3,-4); //"hel" stringValue.substr(3,-4); //""
字符串位置方法
indexOf()和lastIndexOf
从字符串中查找子字符串的位置,如果找到返回子字符串的位置;找不到返回-1
参数1:指定检索的子字符串
参数2:可选,指定开始检索的位置
indexOf()从开头向末尾搜索
lastIndexOf()从末尾向开头搜索
stringValue="hello world"; stringValue.indexOf('o',6); //7 stringValue.lastIndexOf('o',6); //4,此时从指定位置向前检索
trim()方法
创建一个字符串的副本,删除前置及后缀的所有空格,然后返回结果。
注意:字符串中的空格不管
stringValue=" hellow world "; stringValue.trim(); //"hellow world" stringValue; //" hellow world ";
字符串大小写转换方法
toLowerCase()和toUpperCase()
字符串模式匹配方法
match()
在字符串调用这个方法,本质上与调用RegExp对象的exec()方法相同。
参数:match()接收一个参数,要么是正则表达式,要么是正则对象。
返回值:matches返回一个数组,数组的第一项是与整个模式匹配的字符串,之后的每一项(如果有)保存着与正则表达式中捕获组匹配的字符串。
var text="cat,bat,hat"; var pattern=/.at/; var matches=text.match(pattern); matches.index //0 matches[0] //"cat" pattern.lastIndex //0
search()
参数:search()接收一个参数,要么是正则表达式,要么是正则对象。
返回值:返回字符串中第一个匹配项的索引,如果没有找到匹配项,则返回-1.
注意:search()方法始终从字符串开头向后查找模式
例子:
var text="cat,bat,hat"; var pos=text.search(/cat/); //0
replace()
诞生原因:为了简化替换子字符串的操作,ECMAScript提供了replace()方法
参数:第一个参数正则对象或者字符串,第二个参数是一个字符串或者函数。
返回值:生成的替换后的字符串
注意
text="cat,bat,hat"; result=text.replace("at","ond") //"cond,bat,hat" result=text.replace(/at/g,"ond") //"cond,cont,hont"
更精细的替换操作,使用函数作为replace()的第二个参数
在只有一个匹配项的情况下,会向这个函数传递3个参数:模式的匹配项、模式的匹配项在字符串中的位置、原始字符串。
在正则表达式中定义了多个捕获组的情况下,这个函数的参数依次是:模式的匹配项、第一个捕获组的匹配项、第二个捕获组的匹配项…,最后两个参数是模式的匹配项在字符串中的位置、原始字符串。
这个函数应该返回一个字符串,表示准备替换的预备项。
例子:
function htmlEscape(text){ return text.replace(/[<>"&]/g,function(match,pos,originText){ switch(case){ case "<": return < case ">": return > case "\"": return " case "&": return & } }) } htmlEscape("<p class=\"desc\">hellow</p>") //输出 <p class="desc;">hellow</p>
split()
基于指定的分割符将字符串分割成多个子字符串,并将结果存放在一个数组中。
参数:第一个参数是字符串或者正则表达式,匹配的项将作为分隔符
第二个参数可选,用于指定数组的大小
color="red,blue,pink"; colors1=color.split(","); //["red","blue","pink"] colors2=color.split(",",2); //["red","blue"] colors3=color.split(/[^,]+/); //["",",",",",""] 由于/^,/匹配的是除逗号以外的一个或多个字符,而"red"和"pink"刚好在开头和结尾,因此数组第一个元素和最后一个为空字符
PS:更多前端资讯、技术干货,请关注公众号「前端新视界」,后台回复 “1” 获取100本PDF前端电子书
回复 “2” 获取小编精选的Python编程电子书
- JavaScript字符串对象charAt方法入门实例(用于取得指定位置的字符)
- JavaScript字符串对象slice方法入门实例(用于字符串截取)
- JavaScript字符串对象substring方法入门实例(用于截取字符串)
- JavaScript字符串对象substr方法入门实例(用于截取字符串)
- JavaScript字符串对象toUpperCase方法入门实例(用于把字母转换为大写)
- JavaScript字符串对象split方法入门实例(用于把字符串分割成数组)
- JavaScript字符串对象slice方法入门实例(用于字符串截取)
- JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
- 从零开始学_JavaScript_系列(15)——js系列<4>(数值、字符串、对象、数组、函数、日期的基本方法)
- 前端入门系列(三):javascript数组方法
- JavaScript字符串对象substr方法入门实例(用于截取字符串)
- JavaScript字符串对象split方法入门实例(用于把字符串分割成数组)
- JavaScript字符串对象charAt方法入门实例(用于取得指定位置的字符)
- JavaScript字符串对象substring方法入门实例(用于截取字符串)
- JavaScript字符串对象toUpperCase方法入门实例(用于把字母转换为大写)
- JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
- JavaScript字符串对象fromCharCode方法入门实例(用于把Unicode值转换为字符串)
- JavaScript字符串对象fromCharCode方法入门实例(用于把Unicode值转换为字符串)
- JavaScript对象转换成JSON字符串及深度克隆方法
- JavaScript Date toString 方法:将 Date 对象转换为字符串