JavaScript_String对象说明
string中文为"字符串"的意思,String继承自Object对象,此对象提供字符串的查找操作等函数
JavaScript字符串类型参见JavaScript字符串类型
String的内容是不可变的,下面介绍的String的函数都不能改变其内容(又复制了一份)
引用网址:http://www.dreamdu.com/javascript/object_string/
String对象构造函数
varstrobject=newString(str);varstr=String(str);
使用new操作符调用构造函数String(str)可以将参数str转换为一个字符串,并且返回包括这个字符串的String对象
不使用new操作符,直接调用String函数,将转换参数str为一个字符串,并返回这个值
varstr="drea mdu";
建立一个字符串最简单常用的方法
String函数与属性使用语法
string.方法名(参数1,参数2,...);string.属性;
string代表一个字符串,可以是str="字符串";这种方式定义的str,也可以直接是"字符串"
可以没有参数,比如toLowerCase()函数,或有多个参数,比如concat()函数
示例
varstr="www.dreamdu.com";varlength=str.length;varstr="www.dreamdu.com".toUpperCase();
JavaScript_String函数按功能分类
String查找类函数
- charAt() 函数 -- 返回指定位置(n)的字符
- charCodeAt() 函数 -- 返回指定位置(n)字符的Unicode编码
- indexOf() 函数 -- 返回substring在string中的位置
- lastIndexOf() 函数 -- 返回substring在string中最后匹配(出现)的位置
String操作类函数
- concat() 函数 -- 合并多个字符串,并返回合并的结果
- replace() 函数 -- 将字符串string中的oldStr1替换为newStr2
- slice() 函数 -- 返回被截取的字符串
- split() 函数 -- 将字符串分割为字符串数组,并返回此数组
- substr() 函数 -- 返回从string的startPos位置,长度为length的字符串
- substring() 函数 -- 返回从string的startPos位置,到endPos位置的字符串
String转换类函数
- fromCharCode() 函数 -- 返回多个Unicode代码组成的字符串
String比较类函数
- localeCompare() 函数 -- 使用本地规则比较字符串string与string2,并返回比较结果
String大小写转换函数
- toLocaleLowerCase() 函数 -- 返回本地小写字符串
- toLocaleUpperCase() 函数 -- 返回本地大写字符串
- toLowerCase() 函数 -- 返回小写字符串
- toUpperCase() 函数 -- 返回大写字符串
HTML标签类函数
- anchor() 函数 -- 返回HTML a 标签中name属性为str的锚
- big() 函数 -- 返回HTML big 标签定义的大字体
- blink() 函数 -- 返回使用HTML blink 标签定义的闪烁字符串
- bold() 函数 -- 返回使用HTML b 标签定义的粗体字符串
- fixed() 函数 -- 返回使用HTML tt 标签定义的单间距字符串
- fontcolor() 函数 -- 返回使用HTML font 标签中color属性定义的带有颜色的字符串
- fontsize() 函数 -- 返回使用HTML font 标签中size属性定义的指定尺寸的字符串
- italics() 函数 -- 返回使用HTML i 标签定义的斜体字符串
- link() 函数 -- 返回使用HTML a 标签定义的链接
- small() 函数 -- 返回使用HTML small 标签定义的小字体的字符串
- strike() 函数 -- 返回使用HTML strike 标签定义删除线样式的字符串
- sub() 函数 -- 返回使用HTML sub 标签定义的下标字符串
- sup() 函数 -- 返回使用HTML sup 标签定义的上标字符串
JavaScript_String函数按照字母排序
- anchor() 函数 -- 返回HTML a 标签中name属性为str的锚
- big() 函数 -- 返回HTML big 标签定义的大字体
- blink() 函数 -- 返回使用HTML blink 标签定义的闪烁字符串
- bold() 函数 -- 返回使用HTML b 标签定义的粗体字符串
- charAt() 函数 -- 返回指定位置(n)的字符
- charCodeAt() 函数 -- 返回指定位置(n)字符的Unicode编码
- concat() 函数 -- 合并多个字符串,并返回合并的结果
- fixed() 函数 -- 返回使用HTML tt 标签定义的单间距字符串
- fontcolor() 函数 -- 返回使用HTML font 标签中color属性定义的带有颜色的字符串
- fontsize() 函数 -- 返回使用HTML font 标签中size属性定义的指定尺寸的字符串
- fromCharCode() 函数 -- 返回多个Unicode代码组成的字符串
- indexOf() 函数 -- 返回substring在string中的位置
- italics() 函数 -- 返回使用HTML i 标签定义的斜体字符串
- lastIndexOf() 函数 -- 返回substring在string中最后匹配(出现)的位置
- link() 函数 -- 返回使用HTML a 标签定义的链接
- localeCompare() 函数 -- 使用本地规则比较字符串string与string2,并返回比较结果
- replace() 函数 -- 将字符串string中的oldStr1替换为newStr2
- slice() 函数 -- 返回被截取的字符串
- small() 函数 -- 返回使用HTML small 标签定义的小字体的字符串
- split() 函数 -- 将字符串分割为字符串数组,并返回此数组
- strike() 函数 -- 返回使用HTML strike 标签定义删除线样式的字符串
- String() 函数 -- String对象的构造函数
- sub() 函数 -- 返回使用HTML sub 标签定义的下标字符串
- substr() 函数 -- 返回从string的startPos位置,长度为length的字符串
- substring() 函数 -- 返回从string的startPos位置,到endPos位置的字符串
- sup() 函数 -- 返回使用HTML sup 标签定义的上标字符串
- toLocaleLowerCase() 函数 -- 返回本地小写字符串
- toLocaleUpperCase() 函数 -- 返回本地大写字符串
- toLowerCase() 函数 -- 返回小写字符串
- toUpperCase() 函数 -- 返回大写字符串
猴子提示: 不符合ECMA标准的使用灰色标注
- 不符合ECMA标准,不赞成使用.
- anchor,中文"锚"的意思,即链接
- 引用网址:http://www.dreamdu.com/javascript/string.anchor/
anchor函数语法
string.anchor(str);
anchor函数参数
- str -- 链接名称,为string类型的字符串
anchor函数返回值
返回HTML a 标签中name属性为str的锚
anchor函数示例
varstr="梦之都";document.write(str.anchor("www.dreamdu.com"));
结果:
梦之都
延伸阅读
- 不符合ECMA标准,不赞成使用.
- big,中文"大"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.big/
big函数语法
string.big();
big函数返回值
返回HTML big 标签定义的大字体
big函数示例
varstr="dreamdu.com";document.write(str.big());
结果:
dreamdu.com
显示HTML big 标签定义的大字体
延伸阅读
- 不符合ECMA标准,不赞成使用.
- blink,中文"闪烁"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.blink/
blink函数语法
string.blink();
blink函数返回值
返回使用HTML blink 标签定义的闪烁字符串
blink函数示例
varstr="www.dreamdu.com";document.write(str.blink());
结果:
www.dreamdu.com
显示使用HTML blink 标签定义的闪烁字符串
延伸阅读
- HTML blink 标签
- CSS text-decoration 属性
- 不符合ECMA标准,不赞成使用.
- bold,中文"粗体的"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.bold/
bold函数语法
string.bold();
bold函数返回值
返回使用HTML b 标签定义的粗体字符串
bold函数示例
varstr="www.dreamdu.com";document.write(str.bold());
结果:
www.dreamdu.com
显示使用HTML b 标签定义的粗体字符串
延伸阅读
- HTML b 标签
- CSS font-weight 属性
- char是character的缩写,中文"符号,字符"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.charAt/
charAt函数语法
string.charAt(n);
charAt函数参数
- n -- 字符在字符串中的位置(字符串第一个字符的位置为0)
charAt函数返回值
- 返回n位置的字符
- 如果n不在0到string.length-1之间,将返回空字符串
charAt函数示例
varstr="www.dreamdu.com";document.write(str.charAt(5));str="www.dreamdu.com";document.write(str.charAt(20));str="www.dreamdu.com";document.write(str.charAt(-5));str="梦之都";document.write(str.charAt(2));
结果:
r 都
JavaScript charAt() 函数示例 -- 可以尝试编辑
延伸阅读
- JavaScript charCodeAt 函数
- JavaScript indexOf 函数
- JavaScript lastIndexOf 函数
- char是character的缩写,中文"符号,字符"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.charCodeAt/
charCodeAt函数语法
string.charCodeAt(n);
charCodeAt函数参数
- n -- 字符在字符串中的位置(字符串第一个字符的位置为0)
charCodeAt函数返回值
- 返回n位置字符的Unicode编码(此编码为16位,在0-65536之间)
- 如果n不在0到string.length-1之间,将返回NaN
charCodeAt函数示例
varstr="www.dreamdu.com";document.write(str.charCodeAt(5));str="www.dreamdu.com";document.write(str.charCodeAt(20));str="www.dreamdu.com";document.write(str.charCodeAt(-5));str="梦之都";document.write(str.charCodeAt(2));
结果:
114 NaN NaN 37117
JavaScript charCodeAt() 函数示例 -- 可以尝试编辑
延伸阅读
- JavaScript charAt 函数
- JavaScript indexOf 函数
- JavaScript lastIndexOf 函数
- JavaScript fromCharCode 函数
- char是concatenate的缩写,中文"连接"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.concat/
- 可以使用
+符号,连接多个字符串
concat函数语法
string.concat(str1,str2...);
concat函数参数
- str1,str2... -- 多个字符串
concat函数返回值
多个字符串的连接
concat函数示例
varstr="www";document.write(str.concat(".","dreamdu",".","com"));
结果:
www.dreamdu.com
JavaScript concat() 函数示例 -- 可以尝试编辑
- 不符合ECMA标准,不赞成使用.
- fixed,中文"稳固的,不变的"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.fixed/
fixed函数语法
string.fixed();
fixed函数返回值
返回使用HTML tt 标签定义的粗体字符串
fixed函数示例
varstr="www.dreamdu.com";document.write(str.fixed());
结果:
www.dreamdu.com
实现使用HTML tt 标签定义的单间距字符串
延伸阅读
- 不符合ECMA标准,不赞成使用.
- fontcolor,中文"字体颜色"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.fontcolor/
fontcolor函数语法
string.fontcolor(color);
fontcolor函数参数
fontcolor函数返回值
返回使用HTML font 标签中color属性定义的带有颜色的字符串
fontcolor函数示例
varstr="www.dreamdu.com";document.write(str.fontcolor("blue"));
结果:
www.dreamdu.com
显示使用HTML font 标签中color属性定义的带有颜色的字符串
延伸阅读
- 不符合ECMA标准,不赞成使用.
- fontsize,中文"字体尺寸"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.fontsize/
fontsize函数语法
string.fontsize(size);
fontsize函数参数
fontsize函数返回值
返回使用HTML font 标签中size属性定义的指定尺寸的字符串
fontsize函数示例
varstr="www.dreamdu.com";document.write(str.fontsize(5));
结果:
www.dreamdu.com
显示使用HTML font 标签中size属性定义的指定尺寸的字符串
延伸阅读
- Char是character的缩写,中文"字符"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.fromCharCode/
fromCharCode函数语法
string.fromCharCode(char1,char2...);
fromCharCode参数
- char1,char2... -- 多个Unicode代码(通过charCodeAt函数可以得到字符的Unicode代码)
fromCharCode函数返回值
字符串
fromCharCode函数示例
varstr=String.fromCharCode(119,119,119,46,100,114,101,97,109,100,117,46,99,111,109);document.write(str);str=String.fromCharCode(26790,20043,37117);document.write(str);
结果:
www.dreamdu.com 梦之都
JavaScript fromCharCode() 函数示例 -- 可以尝试编辑
延伸阅读
- JavaScript charCodeAt 函数
- index,中文"索引"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.indexOf/
indexOf函数语法
string.indexOf(substring,startpos);
indexOf函数参数
- substring -- 要查找的子字符串
- startpos -- 可选参数,从string的startpos位置开始查找substring,如果没有此参数将从string的开始位置查找
indexOf函数返回值
- 返回子字符串substring在字符串string中的位置
- 没有在字符串string中查找到子字符串substring,返回-1
indexOf函数示例
varstr="www.dreamdu.com";document.write(str.indexOf("dream"));str="www.dreamdu.com";document.write(str.indexOf("dudream"));str="www.dreamdu.com";document.write(str.indexOf("d",6));str="www.dreamdu.com";document.write(str.indexOf("d",20));str="www.dreamdu.com";document.write(str.indexOf("d",-1));str="梦之都";document.write(str.indexOf("梦"));
结果:
4 -1 9 -1 4 0
JavaScript indexOf() 函数示例 -- 可以尝试编辑
延伸阅读
- JavaScript charAt 函数
- JavaScript charCodeAt 函数
- JavaScript lastIndexOf 函数
- JavaScript substring 函数
- 不符合ECMA标准,不赞成使用.
- italics,中文"斜体字"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.italics/
italics函数语法
string.italics(size);
italics函数返回值
返回使用HTML i 标签定义的斜体字符串
italics函数示例
varstr="www.dreamdu.com";document.write(str.italics());
结果:
www.dreamdu.com
显示使用HTML i 标签定义的斜体字符串
延伸阅读
- HTML i 标签
- CSS font-style 属性
- last,中文"最后的,末尾的"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.lastIndexOf/
lastIndexOf函数语法
string.lastIndexOf(substring,startpos);
lastIndexOf函数参数
- substring -- 要查找的子字符串
- startpos -- 可选参数,从string的startpos位置开始查找substring,如果没有此参数将从string的开始位置查找
lastIndexOf函数返回值
- 返回子字符串substring在字符串string中最后匹配的位置
- 没有在字符串string中查找到子字符串substring,返回-1
lastIndexOf函数示例
varstr="www.dreamdu.com";document.write(str.lastIndexOf("d"));str="www.dreamdu.com";document.write(str.lastIndexOf("d",6));str="www.dreamdu.com";document.write(str.lastIndexOf("b"));str="www.dreamdu.com";document.write(str.lastIndexOf("d",-2));str="梦之都";document.write(str.lastIndexOf("梦"));
结果:
9 4 -1 -1 0
JavaScript lastIndexOf() 函数示例 -- 可以尝试编辑
延伸阅读
- JavaScript charAt 函数
- JavaScript charCodeAt 函数
- JavaScript indexOf 函数
- JavaScript substring 函数
- 不符合ECMA标准,不赞成使用.
- link,中文"链接"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.link/
link函数语法
string.link(url);
link函数参数
- url -- 链接地址,string类型的字符串
link函数返回值
返回使用HTML font 标签中size属性定义的指定尺寸的字符串
link函数示例
varstr="梦之都";document.write(str.link("http://www.dreamdu.com/"));
结果:
www.dreamdu.com
显示使用HTML a 标签定义的链接
延伸阅读
- compare,中文"比较"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.localeCompare/
localeCompare函数语法
string.localeCompare(string2);
localeCompare函数参数
- string2 -- 要比较的字符串
localeCompare函数返回值
- 如果string小于string2,返回-1
- 如果string大于string2,返回1
- 如果string等于string2,返回0
localeCompare函数示例
varstr1="dreamdu";varstr2="reamdu";document.write(str1.localeCompare(str2));str1="www.dreamdu";str2="dreamdu";document.write(str1.localeCompare(str2));str1="梦";str2="都";document.write(str1.localeCompare(str2));
结果(IE与FireFox浏览器):
-1 1 1
结果(Chrome与Opera浏览器):
-14 19 -10327
JavaScript localeCompare() 函数示例 -- 可以尝试编辑
猴子提示: 不同浏览器下localeCompare函数将返回不同的值
- replace,中文"替换,更换"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.replace/
replace函数语法
string.replace(oldStr1,newStr2);
replace函数参数
- oldStr1 -- 要被替换的字符串
- newStr2 -- 要替换oldStr1的字符串
replace函数返回值
被替换后的字符串
replace函数示例
varstr="www.example.com";document.write(str.replace("example","dreamdu"));
结果:
www.dreamdu.com
JavaScript replace() 函数示例 -- 可以尝试编辑
- slice,中文"切片"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.slice/
slice函数语法
string.slice(startPos,endPos);
slice函数参数
- startPos -- 返回字符串的开始位置(取负数是,从字符串的末尾开始计算)
- endPos -- 可选参数,返回字符串的结束位置,如果无此参数为字符串的结尾(取负数是,从字符串的末尾开始计算)
slice函数返回值
被截取的字符串
slice函数示例
varstr="www.dreamdu.com";document.write(str.slice(0,11));document.write(str.slice(4,11));document.write(str.slice(4));
结果:
www.dreamdu dreamdu dreamdu.com
JavaScript slice() 函数示例 -- 可以尝试编辑
延伸阅读
- 不符合ECMA标准,不赞成使用.
- small,中文"小"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.small/
small函数语法
string.small();
small函数返回值
返回使用HTML small 标签定义的小字体的字符串
small函数示例
varstr="www.dreamdu.com";document.write(str.small());
结果:
www.dreamdu.com
显示使用HTML small 标签定义的小字体的字符串
延伸阅读
- split,中文"分割"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.split/
split函数语法
string.split(separator,limit);
split函数参数
- separator -- 分隔符
- limit -- 可选参数,分割的次数,如果无此参数为不限制次数
split函数返回值
字符串数组
split函数示例
varstr="www.dreamdu.com";document.write(str.split("."));document.write(str.split(".",2));document.write(str.split(""));document.write(str.split("",5));str="-www-dreamdu-com";document.write(str.split("-"));
结果:
www,dreamdu,com www,dreamdu w,w,w,.,d,r,e,a,m,d,u,.,c,o,m w,w,w,.,d ,www,dreamdu,com //返回的5个元素["", "www", "dreamdu", "com", ""]
数组中的每个元素使用逗号分割,注意最后一个例子
JavaScript split() 函数示例 -- 可以尝试编辑
- 不符合ECMA标准,不赞成使用.
- strike,中文"删除"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.strike/
strike函数语法
string.strike();
strike函数返回值
返回使用HTML strike 标签定义删除线样式的字符串
strike函数示例
varstr="www.dreamdu.com";document.write(str.strike());
结果:
www.dreamdu.com
显示使用HTML strike 标签定义删除线样式的字符串
延伸阅读
- HTML strike 标签
- HTML del 标签
- CSS text-decoration 属性
- 不符合ECMA标准,不赞成使用.
- sub是subscript的缩写,中文"下标"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.sub/
sub函数语法
string.sub();
sub函数返回值
返回使用HTML sub 标签定义的下标字符串
sub函数示例
varstr="www.dreamdu.com";document.write(str.sub());
结果:
www.dreamdu.com
显示使用HTML sub 标签定义的下标字符串
延伸阅读
- HTML sub 标签
- 不符合ECMA标准,不赞成使用.
- substr,中文"子字符串"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.substr/
substr函数语法
string.substr(startPos,length);
substr函数参数
- startPos -- 开始位置(取负数时,从字符串的结尾计算)
- length -- 长度
substr函数返回值
字符串
substr函数示例
varstr="www.dreamdu.com";document.write(str.substr(4,7));
结果:
dreamdu
JavaScript substr() 函数示例 -- 可以尝试编辑
猴子提示: substr函数通常比slice与substring函数用法简单
延伸阅读
- substring,中文"子字符串"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.substring/
substring函数语法
string.substring(startPos,endPos);
substring函数参数
- startPos -- 开始位置
- endPos -- 结束位置
substring函数返回值
字符串
substring函数示例
varstr="www.dreamdu.com";document.write(str.substring(4,11));
结果:
dreamdu
JavaScript substring() 函数示例 -- 可以尝试编辑
延伸阅读
- 不符合ECMA标准,不赞成使用.
- sup是supscript的缩写,中文"上标"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.sup/
sup函数语法
string.sup();
sup函数返回值
返回使用HTML sup 标签定义的上标字符串
sup函数示例
varstr="www.dreamdu.com";document.write(str.sup());
结果:
www.dreamdu.com
显示使用HTML sup 标签定义的上标字符串
延伸阅读
- HTML sup 标签
- LocaleLowerCase,中文"本地小写"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.toLocaleLowerCase/
toLocaleLowerCase函数语法
string.toLocaleLowerCase();
toLocaleLowerCase函数返回值
返回本地小写字符串,通常与toLowerCase函数返回值一样,但某些语言,会根据本地的大小写映射返回本地的大小写字符
toLocaleLowerCase函数示例
varstr="WWW.DREAMDU.COM";document.write(str.toLocaleLowerCase());
结果:
www.dreamdu.com
JavaScript toLocaleLowerCase() 函数示例 -- 可以尝试编辑
延伸阅读
- JavaScript toLocaleUpperCase 函数
- JavaScript toLowerCase 函数
- JavaScript toUpperCase 函数
- LocaleUpperCase,中文"本地大写"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.toLocaleUpperCase/
toLocaleUpperCase函数语法
string.toLocaleUpperCase();
toLocaleUpperCase函数返回值
返回本地大写字符串,通常与toUpperCase函数返回值一样,但某些语言,会根据本地的大小写映射返回本地的大小写字符
toLocaleUpperCase函数示例
varstr="www.dreamdu.com";document.write(str.toLocaleUpperCase());
结果:
WWW.DREAMDU.COM
JavaScript toLocaleUpperCase() 函数示例 -- 可以尝试编辑
延伸阅读
- JavaScript toLocaleLowerCase 函数
- JavaScript toLowerCase 函数
- JavaScript toUpperCase 函数
- LowerCase,中文"小写"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.toLowerCase/
toLowerCase函数语法
string.toLowerCase();
toLowerCase函数返回值
返回小写字符串
toLowerCase函数示例
varstr="WWW.DREAMDU.COM";document.write(str.toLowerCase());
结果:
www.dreamdu.com
JavaScript toLowerCase() 函数示例 -- 可以尝试编辑
延伸阅读
- JavaScript toLocaleLowerCase 函数
- JavaScript toLocaleUpperCase 函数
- JavaScript toUpperCase 函数
- LowerCase,中文"大写"的意思
- 引用网址:http://www.dreamdu.com/javascript/string.toUpperCase/
toUpperCase函数语法
string.toUpperCase();
toUpperCase函数返回值
返回大写字符串
toUpperCase函数示例
varstr="www.dreamdu.com";document.write(str.toUpperCase());
结果:
WWW.DREAMDU.COM
JavaScript toUpperCase() 函数示例 -- 可以尝试编辑
延伸阅读
- JavaScript toLocaleLowerCase 函数
- JavaScript toLocaleUpperCase 函数
- JavaScript toLowerCase 函数