Javascript语言学习之常用字符串属性整理.docx
《Javascript语言学习之常用字符串属性整理.docx》由会员分享,可在线阅读,更多相关《Javascript语言学习之常用字符串属性整理.docx(14页珍藏版)》请在冰豆网上搜索。
![Javascript语言学习之常用字符串属性整理.docx](https://file1.bdocx.com/fileroot1/2023-2/21/7df9a020-6bd7-42d1-8dd7-9ca1cdaff4d2/7df9a020-6bd7-42d1-8dd7-9ca1cdaff4d21.gif)
Javascript语言学习之常用字符串属性整理
Javascript之常用字符串属性整理
1、length的定义和用法
length属性可返回字符串中的字符数目。
语法
stringObject.length
实例
vartxt="HelloWorld!
"
document.write(txt.length)
结果是12
2、charAt的定义与用法
charAt()方法可返回指定位置的字符。
请注意,JavaScript并没有一种有别于字符串类型的字符数据类型,所以返回的字符是长度为1的字符串。
语法stringObject.charAt(index)
参数
描述
index
必需。
表示字符串中某个位置的数字,即字符在字符串中的下标。
提示和注释
注释:
字符串中第一个字符的下标是0。
如果参数index不在0与string.length之间,该方法将返回一个空字符串。
实例
在字符串"Helloworld!
"中,我们将返回位置1的字符:
varstr="Helloworld!
"
document.write(str.charAt
(1))
以上代码的输出是:
e
3、charCodeAt的定义与用法
charCodeAt()方法可返回指定位置的字符的Ascll编码。
这个返回值是0-65535之间的整数。
方法charCodeAt()与charAt()方法执行的操作相似,只不过前者返回的是位于指定位置的字符的编码,而后者返回的是字符子串。
语法
stringObject.charCodeAt(index)
参数
描述
index
必需。
表示字符串中某个位置的数字,即字符在字符串中的下标。
提示和注释
注释:
字符串中第一个字符的下标是0。
如果index是负数,或大于等于字符串的长度,则charCodeAt()返回NaN。
实例
在字符串"Helloworld!
"中,我们将返回位置1的字符的Ascll编码:
varstr="Helloworld!
"
document.write(str.charCodeAt
(1))
以上代码的输出是:
101
扩充一下:
A的ASCLL值为65,a的ascll值为97.
4、indexOf的定义与用法
indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置。
语法
stringObject.indexOf(searchvalue,fromindex)
参数
描述
searchvalue
必需。
规定需检索的字符串值。
fromindex
可选的整数参数。
规定在字符串中开始检索的位置。
它的合法取值是0到stringObject.length-1。
如省略该参数,则将从字符串的首字符开始检索。
说明
该方法将从头到尾地检索字符串stringObject,看它是否含有子串searchvalue。
开始检索的位置在字符串的fromindex处或字符串的开头(没有指定fromindex时)。
如果找到一个searchvalue,则返回searchvalue的第一次出现的位置。
stringObject中的字符位置是从0开始的。
提示和注释
注释:
indexOf()方法对大小写敏感!
注释:
如果要检索的字符串值没有出现,则该方法返回-1。
实例
在本例中,我们将在"Helloworld!
"字符串内进行不同的检索:
varstr="Helloworld!
"
document.write(str.indexOf("Hello")+"
")
document.write(str.indexOf("World")+"
")
document.write(str.indexOf("world"))
以上代码的输出:
0
-1
6
5、LastIndexOf的定义域用法
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。
实例
在本例中,我们将在"Helloworld!
"字符串内进行不同的检索:
varstr="Helloworld!
"
document.write(str.lastIndexOf("Hello")+"
")
document.write(str.lastIndexOf("World")+"
")
document.write(str.lastIndexOf("world"))
以上代码的输出:
7
-1
1
6、substr的定义与用法
substr()方法可在字符串中抽取从start下标开始的指定数目的字符。
语法
stringObject.substr(start,length)
参数
描述
start
必需。
要抽取的子串的起始下标。
必须是数值。
如果是负数,那么该参数声明从字符串的尾部开始算起的位置。
也就是说,-1指字符串中最后一个字符,-2指倒数第二个字符,以此类推。
length
可选。
子串中的字符数。
必须是数值。
如果省略了该参数,那么返回从stringObject的开始位置到结尾的字串。
返回值
一个新的字符串,包含从stringObject的start(包括start所指的字符)处开始的lenght个字符。
如果没有指定lenght,那么返回的字符串包含从start到stringObject的结尾的字符。
提示和注释
注释:
substr()的参数指定的是子串的开始位置和长度,因此它可以替代substring()和slice()来使用。
实例
例子1
在本例中,我们将使用substr()从字符串中提取一些字符:
varstr="Helloworld!
"
document.write(str.substr(3))
输出:
loworld!
例子2
在本例中,我们将使用substr()从字符串中提取一些字符:
varstr="Helloworld!
"
document.write(str.substr(3,7))
输出:
loworl
7、substring的定义与用法
substring()方法用于提取字符串中介于两个指定下标之间的字符。
语法
stringObject.substring(start,stop)
参数
描述
start
必需。
一个非负的整数,规定要提取的子串的第一个字符在stringObject中的位置。
stop
可选。
一个非负的整数,比要提取的子串的最后一个字符在stringObject中的位置多1。
如果省略该参数,那么返回的子串会一直到字符串的结尾。
返回值
一个新的字符串,该字符串值包含stringObject的一个子字符串,其内容是从start处到stop-1处的所有字符,其长度为stop减start。
说明
substring()方法返回的子串包括start处的字符,但不包括end处的字符。
如果参数start与end相等,那么该方法返回的就是一个空串(即长度为0的字符串)。
如果start比end大,那么该方法在提取子串之前会先交换这两个参数。
提示和注释
重要事项:
与slice()和substr()方法不同的是,substring()不接受负的参数。
实例
例子1
在本例中,我们将使用substring()从字符串中提取一些字符:
varstr="Helloworld!
"
document.write(str.substring(3))
输出:
loworld!
例子2
在本例中,我们将使用substring()从字符串中提取一些字符:
"
document.write(str.substring(3,7))
输出:
low
8、split的定义与用法
split()方法用于把一个字符串分割成字符串数组。
语法
stringObject.split(separator,howmany)
参数
描述
separator
必需。
字符串或正则表达式,从该参数指定的地方分割stringObject。
howmany
可选。
该参数可指定返回的数组的最大长度。
如果设置了该参数,返回的子串不会多于这个参数指定的数组。
如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。
返回值
一个字符串数组。
该数组是通过在separator指定的边界处将字符串stringObject分割成子串创建的。
返回的数组中的字串不包括separator自身。
但是,如果separator是包含子表达式的正则表达式,那么返回的数组中包括与这些子表达式匹配的字串(但不包括与整个正则表达式匹配的文本)。
提示和注释
注释:
如果把空字符串("")用作separator,那么stringObject中的每个字符之间都会被分割。
注释:
String.split()执行的操作与Array.join执行的操作是相反的。
实例
例子1
在本例中,我们将按照不同的方式来分割字符串:
varstr="Howareyoudoingtoday?
"
document.write(str.split("")+"
")
document.write(str.split("")+"
")
document.write(str.split("",3))
输出:
How,are,you,doing,today?
H,o,w,,a,r,e,,y,o,u,,d,o,i,n,g,,t,o,d,a,y,?
How,are,you
例子2
在本例中,我们将分割结构更为复杂的字符串:
"2:
3:
4:
5".split(":
")//将返回["2","3","4","5"]
"|a|b|c".split("|")//将返回["","a","b","c"]
例子3
使用下面的代码,可以把句子分割成单词:
varwords=sentence.split('')
或者使用正则表达式作为separator:
varwords=sentence.split(/\s+/)
例子4
如果您希望把单词分割为字母,或者把字符串分割为字符,可使用下面的代码:
"hello".split("")//可返回["h","e","l","l","o"]
若只需要返回一部分字符,请使用howmany参数:
"hello".split("",3)//可返回["h","e","l"]
9、replace的定义与用法
replace()方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
语法
stringObject.replace(regexp/substr,replacement)
参数
描述
regexp/substr
必需。
规定子字符串或要替换的模式的RegExp对象。
请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为RegExp对象。
replacement
必需。
一个字符串值。
规定了替换文本或生成替换文本的函数。
返回值
一个新的字符串,是用replacement替换了regexp的第一次匹配或所有匹配之后得到的。
说明
字符串stringObject的replace()方法执行的是查找并替换的操作。
它将在stringObject中查找与regexp相匹配的子字符串,然后用replacement来替换这些子串。
如果regexp具有全局标志g,那么replace()方法将替换所有匹配的子串。
否则,它只替换第一个匹配子串。
replacement可以是字符串,也可以是函数。
如果它是字符串,那么每个匹配都将由字符串替换。
但是replacement中的$字符具有特定的含义。
如下表所示,它说明从模式匹配得到的字符串将用于替换。
字符
替换文本
$1、$2、...、$99
与regexp中的第1到第99个子表达式相匹配的文本。
$&
与regexp相匹配的子串。
$`
位于匹配子串左侧的文本。
$'
位于匹配子串右侧的文本。
$$
直接量符号。
注意:
ECMAScriptv3规定,replace()方法的参数replacement可以是函数而不是字符串。
在这种情况下,每个匹配都调用该函数,它返回的字符串将作为替换文本使用。
该函数的第一个参数是匹配模式的字符串。
接下来的参数是与模式中的子表达式匹配的字符串,可以有0个或多个这样的参数。
接下来的参数是一个整数,声明了匹配在stringObject中出现的位置。
最后一个参数是stringObject本身。
实例
例子1
在本例中,我们将使用"W3School"替换字符串中的"Microsoft":
varstr="VisitMicrosoft!
"
document.write(str.replace(/Microsoft/,"W3School"))
输出:
VisitW3School!
例子2
在本例中,我们将执行一次全局替换,每当"Microsoft"被找到,它就被替换为"W3School":
varstr="WelcometoMicrosoft!
"
str=str+"WeareproudtoannouncethatMicrosofthas"
str=str+"oneofthelargestWebDeveloperssitesintheworld."
document.write(str.replace(/Microsoft/g,"W3School"))
输出:
WelcometoW3School!
WeareproudtoannouncethatW3School
hasoneofthelargestWebDeveloperssitesintheworld.
例子3
您可以使用本例提供的代码来确保匹配字符串大写字符的正确:
text="javascriptTutorial";
text.replace(/javascript/i,"JavaScript");
例子4
在本例中,我们将把"Doe,John"转换为"JohnDoe"的形式:
name="Doe,John";
name.replace(/(\w+)\s*,\s*(\w+)/,"$2$1");
例子5
在本例中,我们将把所有的花引号替换为直引号:
name='"a","b"';
name.replace(/"([^"]*)"/g,"'$1'");
例子6
在本例中,我们将把字符串中所有单词的首字母都转换为大写:
name='aaabbbccc';
uw=name.replace(/\b\w+\b/g,function(word){
returnword.substring(0,1).toUpperCase()+word.substring
(1);}
);
10、tolowercase的定义与用法
toLowerCase()方法用于把字符串转换为小写。
语法
stringObject.toLowerCase()
返回值
一个新的字符串,在其中stringObject的所有大写字符全部被转换为了小写字符。
实例
在本例中,"Helloworld!
"将以小写字母来显示:
varstr="HelloWorld!
"
document.write(str.toLowerCase())
11、touppercase的定义与用法
toUpperCase()方法用于把字符串转换为大写。
语法
stringObject.toUpperCase()
返回值
一个新的字符串,在其中stringObject的所有小写字符全部被转换为了大写字符。
实例
在本例中,"Helloworld!
"将以大写字母来显示:
varstr="HelloWorld!
"
document.write(str.toUpperCase())