String 对象
String 对象用于处理文本(字符串)。
创建 String 对象的语法:
var str = new String();
参数
参数 s 是要存储在 String 对象中或转换成原始字符串的值。
返回值
当 String() 和运算符 new 一起作为构造函数使用时,它返回一个新创建的 String 对象,存放的是字符串 s 或 s
的字符串表示。 当不用 new 运算符调用 String() 时,它只把 s 转换成原始的字符串,并返回转换后的值。
String对象方法
方法 | 描述 |
---|---|
charAt() | 返回在指定位置的字符。 |
concat() | 连接字符串。 |
indexOf() | 检索字符串。 |
lastIndexOf() | 从后向前搜索字符串。 |
match() | 找到一个或多个正则表达式的匹配。 |
anchor() | 创建 HTML 锚。 |
big() | 用大号字体显示字符串。 |
blink() | 显示闪动字符串。 |
bold() | 使用粗体显示字符串。 |
charCodeAt() | 返回在指定的位置的字符的 Unicode 编码。 |
fixed() | 以打字机文本显示字符串。 |
fontcolor() | 使用指定的颜色来显示字符串。 |
fontsize() | 使用指定的尺寸来显示字符串。 |
fromCharCode() | 从字符编码创建一个字符串。 |
italics() | 使用斜体显示字符串。 |
link() | 将字符串显示为链接。 |
localeCompare() | 用本地特定的顺序来比较两个字符串。 |
replace() | 替换与正则表达式匹配的子串。 |
search() | 检索与正则表达式相匹配的值。 |
slice() | 提取字符串的片断,并在新的字符串中返回被提取的部分。 |
small() | 使用小字号来显示字符串。 |
split() | 把字符串分割为字符串数组。 |
strike() | 使用删除线来显示字符串。 |
sub() | 把字符串显示为下标。 |
substr() | 从起始索引号提取字符串中指定数目的字符。 |
substring() | 提取字符串中两个指定的索引号之间的字符。 |
sup() | 把字符串显示为上标。 |
toLocaleLowerCase() | 把字符串转换为小写。 |
toLocaleUpperCase() | 把字符串转换为大写。 |
toLowerCase() | 把字符串转换为小写。 |
toUpperCase() | 把字符串显示为下标。 |
toString() | 返回字符串。 |
主要方法 :
charAt() 方法可返回指定位置的字符。
注释:字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间,该方法将返回一个空字符串。
<script>
var str = "Hello world!";
console.log(str.charAt(1));
</script>
输出:
e
concat() 方法用于连接两个或多个字符串。
提示:请注意,使用 ” + ” 运算符来进行字符串的连接运算通常会更简便一些。
<script>
var str1 = "Hello,";
var str2 = "world!";
console.log(str1.concat(str2));
</script>
输出:
Hello world!
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
注释:indexOf() 方法对大小写敏感!
注释:如果要检索的字符串值没有出现,则该方法返回 -1。
<script>
var str="Hello world!"
console.log(str.indexOf("Hello") + "<br />");
console.log(str.indexOf("World") + "<br />");
console.log(str.indexOf("world"));
</script>
输出:
0
-1
6
lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。
注释:lastIndexOf() 方法对大小写敏感!
注释:如果要检索的字符串值没有出现,则该方法返回 -1。
<script>
var str="Hello world!"
document.write(str.lastIndexOf("Hello") + "<br />");
document.write(str.lastIndexOf("World") + "<br />");
document.write(str.lastIndexOf("world"));
</script>
输出:
0
-1
6
match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。
该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置。
注意:在全局检索模式下,match() 即不提供与子表达式匹配的文本的信息,也不声明每个匹配子串的位置。如果您需要这些全局检索的信息,可以使用 RegExp.exec()。
<script type="text/javascript">
var str="Hello world!"
document.write(str.match("world") + "<br />");
document.write(str.match("World") + "<br />");
document.write(str.match("worlld") + "<br />");
document.write(str.match("world!"));
</script>
输出:
world
null
null
world!
replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
注意:ECMAScript v3 规定,replace() 方法的参数 replacement 可以是函数而不是字符串。在这种情况下,每个匹配都调用该函数,它返回的字符串将作为替换文本使用。该函数的第一个参数是匹配模式的字符串。接下来的参数是与模式中的子表达式匹配的字符串,可以有 0 个或多个这样的参数。接下来的参数是一个整数,声明了匹配在 stringObject 中出现的位置。最后一个参数是 stringObject 本身。
<script type="text/javascript">
var str="Visit Microsoft!"
document.write(str.replace(/Microsoft/, "W3School"))
</script>
输出:
Visit W3School!
search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。
注释:如果没有找到任何匹配的子串,则返回 -1。
<script type="text/javascript">
var str="Visit W3School!"
document.write(str.search(/W3School/))
</script>
输出:
6
slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。
<script type="text/javascript">
var str="Hello happy world!"
document.write(str.slice(6));
</script>
输出:
happy world!
split() 方法用于把一个字符串分割成字符串数组。
注释:如果把空字符串 (“”) 用作 separator,那么 stringObject 中的每个字符之间都会被分割。
注释:String.split() 执行的操作与 Array.join 执行的操作是相反的。
<script type="text/javascript">
var str="How are you doing today?"
document.write(str.split(" ") + "<br />");
document.write(str.split("") + "<br />");
document.write(str.split(" ",3));
</script>
输出:
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
以上这几个是我们比较常用的方法,也是特别重要记住的方法,其他的像fontcolor()、bold()等字体方法,在CSS样式里面可以直接用font设置,所以很少在JS对象里面修改,String对象就先介绍到这里,下一篇再继续介绍其他对象……