一、 什么是String对象
String 对象用于处理文本(字符串)。
1.1.String对象创建
创建String的三种方法:
(1)var str=“hello world”
(2)var str=String(“hello world”)
(3)var str=new String(“hello world”) 返回的是String对象
1.2.String对象的方法
方法 | 描述 |
---|---|
charAt() | 返回在指定位置的字符。 |
charCodeAt() | 返回在指定的位置的字符的 Unicode 编码。 |
fromCharCode() | 将 Unicode 编码转为字符。 |
search() | 查找与正则表达式相匹配的值。 |
replace() | 在字符串中查找匹配的子串, 并替换与正则表达式匹配的子串。 |
slice() | 提取字符串的片断,并在新的字符串中返回被提取的部分。 |
substr() | 从起始索引号提取字符串中指定数目的字符。 |
substring() | 提取字符串中两个指定的索引号之间的字符。 |
split() | 把字符串分割为字符串数组。 |
concat() | 连接两个或更多字符串,并返回新的字符串。 |
indexOf() | 返回某个指定的字符串值在字符串中首次出现的位置。 |
lastIndexOf() | 从后向前搜索字符串,并从起始位置(0)开始计算返回字符串最后出现的位置。 |
toLowerCase() | 把字符串转换为小写。 |
toUpperCase() | 把字符串转换为大写。 |
match() | 查找找到一个或多个正则表达式的匹配。 |
charAt()
方法可返回指定位置的字符
语法
stringObject.charAt(index)
参数 | 描述 |
---|---|
index | 必需。表示字符串中某个位置的数字,即字符在字符串中的下标。 |
// charAt() 示例:
var str="Hello world!"
document.write(str.charAt(1)) // e
charCodeAt()
方法可返回指定位置的字符的 Unicode 编码
语法
stringObject.charCodeAt(index)
参数 | 描述 |
---|---|
index | 必需。表示字符串中某个位置的数字,即字符在字符串中的下标。 |
// charCodeAt() 示例:
var str="Hello world!"
document.write(str.charCodeAt(1)) // 101
fromCharCode()
可接受一个指定的 Unicode 值,然后返回一个字符串
语法
String.fromCharCode(numX,numX,...,numX)
参数 | 描述 |
---|---|
numX | 必需。一个或多个 Unicode 值,即要创建的字符串中的字符的 Unicode 编码。 |
// fromCharCode() 示例:
document.write(String.fromCharCode(72,69,76,76,79)) // HELLO
document.write("<br />")
document.write(String.fromCharCode(65,66,67)) // ABC
search()
方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串
语法
stringObject.search(regexp)
参数 | 描述 |
---|---|
regexp | 该参数可以是需要在 stringObject 中检索的子串,( )。 |
// search() 示例:
var str="Visit W3School!"
document.write(str.search(/W3School/)) // 6
// search() 对大小写敏感
var str="Visit W3School!"
document.write(str.search(/w3school/)) // -1
//忽略大小写的 追加标志 i
var str="Visit W3School!"
document.write(str.search(/w3school/i)) // 6
replace()
方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串
语法
stringObject.replace(regexp/substr,replacement)
参数 | 描述 |
---|---|
regexp/substr | 必需。规定子字符串或要替换的模式的 RegExp 对象。请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象。 |
replacement | 必需。一个字符串值。规定了替换文本或生成替换文本的函数。 |
// replace() 示例:
var str="Visit Microsoft!"
document.write(str.replace(/Microsoft/, "W3School")) //Visit W3School!
slice()
方法可提取字符串的某个部分,并以新的字符串返回被提取的部分
语法
stringObject.slice(start,end)
参数 | 描述 |
---|---|
start | 要抽取的片断的起始下标。如果是负数,则该参数规定的是从字符串的尾部开始算起的位置。也就是说,-1 指字符串的最后一个字符,-2 指倒数第二个字符,以此类推。 |
end | 紧接着要抽取的片段的结尾的下标。若未指定此参数,则要提取的子串包括 start 到原字符串结尾的字符串。如果该参数是负数,那么它规定的是从字符串的尾部开始算起的位置。 |
返回值
一个新的字符串。包括字符串 stringObject 从 start 开始(包括 start)到 end 结束(不包括 end)为止的所有字符。
说明
String 对象的方法 slice()、substring() 和 substr() (不建议使用)都可返回字符串的指定部分。slice() 比 substring() 要灵活一些,因为它允许使用负数作为参数。slice() 与 substr() 有所不同,因为它用两个字符的位置来指定子串,而 substr() 则用字符位置和长度来指定子串。
还要注意的是,String.slice() 与 Array.slice() 相似。
// slice() 示例:
var str="Hello happy world!"
document.write(str.slice(6)) // happy world!
substr()
方法可在字符串中抽取从 start 下标开始的指定数目的字符
语法
stringObject.substr(start,length)
参数 | 描述 |
---|---|
start | 必需。要抽取的子串的起始下标。必须是数值。如果是负数,那么该参数声明从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。 |
length | 可选。子串中的字符数。必须是数值。如果省略了该参数,那么返回从 stringObject 的开始位置到结尾的字串。 |
// substr() 示例:
var str="Hello world!"
document.write(str.substr(3)) // lo world!
substring()
方法用于提取字符串中介于两个指定下标之间的字符
语法
stringObject.substring(start,stop)
参数 | 描述 |
---|---|
start | 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。 |
stop | 可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数,那么返回的子串会一直到字符串的结尾。 |
返回值
一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。
说明
substring() 方法返回的子串包括 start 处的字符,但不包括 stop 处的字符。
如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。
**重要事项:**与 slice() 和 substr() 方法不同的是,substring() 不接受负的参数。
// substring() 示例:
var str="Hello world!"
document.write(str.substring(3)) // lo world!
split()
方法用于把一个字符串分割成字符串数组
语法
stringObject.split(separator,howmany)
参数 | 描述 |
---|---|
separator | 必需。字符串或正则表达式,从该参数指定的地方分割 stringObject。 |
howmany | 可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。 |
返回值
一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身。
但是,如果 separator 是包含子表达式的正则表达式,那么返回的数组中包括与这些子表达式匹配的字串(但不包括与整个正则表达式匹配的文本)。
**注释:**如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。
**注释:**String.split() 执行的操作与 [Array.join]执行的操作是相反的。
// split() 示例:
var str="How are you doing today?"
document.write(str.split(" ") + "<br />") // How,are,you,doing,today?
document.write(str.split("") + "<br />") // H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?
document.write(str.split(" ",3)) // How,are,you
concat()
方法用于连接两个或多个字符串。
语法
stringObject.concat(stringX,stringX,...,stringX)
参数 | 描述 |
---|---|
stringX | 必需。将被连接为一个字符串的一个或多个字符串对象。 |
concat() 方法将把它的所有参数转换成字符串,然后按顺序连接到字符串 stringObject 的尾部,并返回连接后的字符串。请注意,stringObject 本身并没有被更改。
stringObject.concat() 与 Array.concat() 很相似。
**提示:**请注意,使用 " + " 运算符来进行字符串的连接运算通常会更简便一些。
// concat() 示例:
var str1="Hello "
var str2="world!"
document.write(str1.concat(str2)) // Hello world!
indexOf()
方法可返回某个指定的字符串值在字符串中首次出现的位置。
语法
stringObject.indexOf(searchvalue,fromindex)
参数 | 描述 |
---|---|
searchvalue | 必需。规定需检索的字符串值。 |
fromindex | 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的首字符开始检索。 |
说明
该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头(没有指定 fromindex 时)。如果找到一个 searchvalue,则返回 searchvalue 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。
// indexOf() 示例:
var str="Hello world!"
document.write(str.indexOf("Hello") + "<br />") // 0
document.write(str.indexOf("World") + "<br />") // -1
document.write(str.indexOf("world")) // 6
lastIndexOf()
方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。
语法
stringObject.lastIndexOf(searchvalue,fromindex)
参数 | 描述 |
---|---|
searchvalue | 必需。规定需检索的字符串值。 |
fromindex | 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的最后一个字符处开始检索。 |
返回值
如果在 stringObject 中的 fromindex 位置之前存在 searchvalue,则返回的是出现的最后一个 searchvalue 的位置。
说明
该方法将从尾到头地检索字符串 stringObject,看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的结尾(没有指定 fromindex 时)。如果找到一个 searchvalue,则返回 searchvalue 的第一个字符在 stringObject 中的位置。stringObject 中的字符位置是从 0 开始的。
**注释:**lastIndexOf() 方法对大小写敏感!
**注释:**如果要检索的字符串值没有出现,则该方法返回 -1。
// lastIndexOf() 示例:
var str="Hello world!"
document.write(str.lastIndexOf("Hello") + "<br />") // 0
document.write(str.lastIndexOf("World") + "<br />") // -1
document.write(str.lastIndexOf("world")) // 6
toLowerCase()
方法用于把字符串转换为小写。
语法
stringObject.toLowerCase()
返回值
一个新的字符串,在其中 stringObject 的所有大写字符全部被转换为了小写字符。
// toLowerCase() 示例:
var str="Hello World!"
document.write(str.toLowerCase()) // hello world!
toUpperCase()
方法用于把字符串转换为大写。
语法
stringObject.toUpperCase()
返回值
一个新的字符串,在其中 stringObject 的所有小写字符全部被转换为了大写字符。
// toUpperCase() 示例:
var str="Hello World!"
document.write(str.toUpperCase()) // HELLO WORLD!
match()
方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。
该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置。
语法
stringObject.match(searchvalue)
stringObject.match(regexp)
参数 | 描述 |
---|---|
searchvalue | 必需。规定要检索的字符串值。 |
regexp | 必需。规定要匹配的模式的 RegExp 对象。如果该参数不是 RegExp 对象,则需要首先把它传递给 RegExp 构造函数,将其转换为 RegExp 对象。 |
返回值
存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g。
说明
match() 方法将检索字符串 stringObject,以找到一个或多个与 regexp 匹配的文本。这个方法的行为在很大程度上有赖于 regexp 是否具有标志 g。
如果 regexp 没有标志 g,那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹配的文本, match() 将返回 null。否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。该数组的第 0 个元素存放的是匹配文本,而其余的元素存放的是与正则表达式的子表达式匹配的文本。除了这些常规的数组元素之外,返回的数组还含有两个对象属性。index 属性声明的是匹配文本的起始字符在 stringObject 中的位置,input 属性声明的是对 stringObject 的引用。
如果 regexp 具有标志 g,则 match() 方法将执行全局检索,找到 stringObject 中的所有匹配子字符串。若没有找到任何匹配的子串,则返回 null。如果找到了一个或多个匹配子串,则返回一个数组。不过全局匹配返回的数组的内容与前者大不相同,它的数组元素中存放的是 stringObject 中所有的匹配子串,而且也没有 index 属性或 input 属性。
**注意:**在全局检索模式下,match() 即不提供与子表达式匹配的文本的信息,也不声明每个匹配子串的位置。如果您需要这些全局检索的信息,可以使用 RegExp.exec()。
// match() 示例:
var str="Hello world!"
document.write(str.match("world") + "<br />") // world
document.write(str.match("World") + "<br />") // null
document.write(str.match("worlld") + "<br />") // null
document.write(str.match("world!")) // world!
1.3字符串的属性
length 只可读不可写
总结
以上就是今天带你走进从零认识JavaScript到精髓(十)JavaScript的String对象认识
会持续更新中…
原创不易,期待您的点赞关注与转发评论😜😜😜