JavaScript String 对象常用方法详解与示例

String对象概述与创建方式

String 对象旨在处理文本数据。

1、创建String实例

var str = "Hello World";
var str1 = new String(str);
var str = String("Hello World");

上述三种方式均可行，但存在细微差异。

字符串基础属性与HTML格式化方法

2、length属性——用于返回字符串长度

3、anchor() 方法用于生成 HTML 锚点。

HTML锚点是什么？ 即<a ...>...</a> stringObject.anchor(anchorname) anchorname 必需。定义锚点名称。

var txt="Hello world!"
document.write(txt.anchor("myanchor"))

输出为：

<a name="myanchor">Hello world!</a>

在浏览器中实际显示为Hello world!

4、big() 方法用于将字符串显示为大号字体。

使用方法：

var str="Hello world!"
document.write(str.big())

5、blink() 方法用于显示闪烁字符串。

使用方法：

var str="Hello world!"
document.write(str.blink())

6、bold() 方法用于将字符串显示为粗体。

var str="Hello world!"
document.write(str.bold())

字符检索与编码获取方法

7、charAt() 方法可返回指定索引位置的字符。

stringObject.charAt(index) index 必需。表示字符串中特定位置的数字，即字符下标。 注释：字符串首字符下标为 0。若 index 超出 0 至 string.length 范围，返回空字符串。

8、charCodeAt() 方法可返回指定位置字符的 Unicode 编码，返回值为 0 至 65535 之间的整数。

charCodeAt() 与 charAt() 操作类似，前者返回字符编码，后者返回字符子串。

var str="Hello world!"
document.write(str.charCodeAt(1))

输出为：101

字符串连接与颜色显示方法

9、concat() 方法用于连接两个或多个字符串。

stringObject.concat(stringX,stringX,...,stringX) stringX 必需。将被连接为一个字符串的一个或多个字符串对象。 提示：使用 " + " 运算符进行字符串连接通常更简便。

var str1="Hello "
var str2="world!"
document.write(str1.concat(str2))

输出为： Hello world!

10、fontcolor() 方法用于按指定颜色显示字符串。

stringObject.fontcolor(color) color 必需。规定字符串的 font-color。值必须为颜色名(red)、RGB 值(rgb(255,0,0))或十六进制数(#FF0000)。

例：

var str="Hello world!"
document.write(str.fontcolor("Red"))

字符串查找、匹配与替换方法

11、lastIndexOf() 方法可返回指定字符串值最后出现的位置，从后向前搜索。

stringObject.lastIndexOf(searchvalue,fromindex) searchvalue 必需。规定需检索的字符串值。 fromindex 可选整数参数。规定开始检索的位置，合法取值 0 至 stringObject.length - 1。省略时从最后一个字符处开始检索。 注释：lastIndexOf() 区分大小写！ 若未找到字符串值，返回 -1。

例：

var str="Hello world!"
document.write(str.lastIndexOf("Hello") + "<br />")
document.write(str.lastIndexOf("World") + "<br />")
document.write(str.lastIndexOf("world"))

输出：

0 -1 6

12、link() 方法用于将字符串显示为超链接。

stringObject.link(url)//url 必需。规定链接的 URL。 var str="本站" document.write(str.link("https://www.jb51.net"))

13、match() 方法可在字符串内检索指定值，或查找一个或多个正则表达式的匹配。

该方法类似 indexOf() 和 lastIndexOf()，但返回指定值而非位置。 stringObject.match(searchvalue) searchvalue 必需。规定要检索的字符串值。 或： stringObject.match(regexp) regexp 必需。规定匹配模式的 RegExp 对象。若非 RegExp 对象，需先通过 RegExp 构造函数转换。

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!"))

输出为：

world null null world!

14、replace() 方法用于在字符串中用一些字符替换另一些字符，或替换与正则表达式匹配的子串。

stringObject.replace(regexp/substr,replacement) regexp/substr 必需。规定子字符串或要替换模式的 RegExp 对象。 请注意，若值为字符串，则作为直接量文本模式检索，而非转换为 RegExp 对象。 replacement 必需。字符串值。规定替换文本或生成替换文本的函数。 新字符串由 replacement 替换 regexp 的第一次或所有匹配后得到。

例：

var str="Visit Microsoft!"
document.write(str.replace(/Microsoft/, "JB51"))
输出结果为：
Visit JB51!
15、search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。
stringObject.search(regexp)
regexp 该参数可以是需检索的子串，或是需检索的 RegExp 对象。
注释：要执行忽略大小写的检索，请追加标志 i。
返回值：
stringObject 中第一个与 regexp 匹配子串的起始位置。
注释：若未找到任何匹配子串，返回 -1。
注：search() 区分大小写
例：
[code]var str="Visit JB51!"
document.write(str.search(/JB51/))

输出：

6

字符串截取与分割方法

16、slice() 方法可提取字符串的某部分，并以新字符串返回被提取部分。

stringObject.slice(start,end) start 要抽取片段的起始下标。若为负数，表示从字符串尾部开始计算的位置。即 -1 指最后一个字符，-2 指倒数第二个字符，依此类推。 end 紧接着要抽取片段的结尾下标。若未指定，则提取从 start 到原字符串结尾的子串。若为负数，表示从字符串尾部开始计算的位置。 返回值： 一个新字符串。包含 stringObject 从 start（包括 start）到 end 结束（不包括 end）的所有字符。 String.slice() 与 Array.slice() 相似

var str="Hello happy world!"
document.write(str.slice(6))

输出：happy world!

var str="Hello happy world!"
document.write(str.slice(6,11))

输出：happy

17、split() 方法用于将字符串分割成字符串数组。

stringObject.split(separator,howmany) separator 必需。字符串或正则表达式，从该参数指定位置分割 stringObject。 howmany 可选。指定返回数组的最大长度。若设置，返回子串不多于该参数指定的数组长度。若未设置，整个字符串被分割，不考虑其长度。 注释：若将空字符串 ("")（非空格）用作 separator，stringObject 中每个字符之间都会被分割

例：

var str="How are you doing today?"
document.write(str.split(" ") + "<br />")
document.write(str.split("") + "<br />")
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

子串提取与大小写转换方法

18、substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。

stringObject.substr(start,length) start 必需。要抽取子串的起始下标，必须为数值。若为负数，表示从字符串尾部开始计算的位置。即 -1 指最后一个字符，-2 指倒数第二个字符，依此类推。 length 可选。子串中的字符数，必须为数值。若省略，则返回从 stringObject 开始位置到结尾的字串。 返回值： 一个新字符串，包含从 stringObject 的 start（包括 start 所指字符）处开始的 lenght 个字符。若未指定 lenght，则返回从 start 到 stringObject 结尾的字符。 注：ECMAscript 未对该方法进行标准化，因此反对使用它。

var str="Hello world!"
document.write(str.substr(3,7))

输出：

lo worl

19、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() 不接受负的参数。

例：

var str="Hello world!"
document.write(str.substring(3,7))

输出： lo w

20、定义和用法

toLowerCase() 方法用于将字符串转换为小写。 stringObject.toLowerCase()//无参 返回值： 一个新字符串，其中 stringObject 的所有大写字符全部被转换为小写字符。

21、toUpperCase() 方法用于将字符串转换为大写。

stringObject.toUpperCase()//无参 返回值： 一个新字符串，其中 stringObject 的所有小写字符全部被转换为大写字符。

22、indexOf() 方法可返回某个指定字符串值在字符串中首次出现的位置。

stringObject.indexOf(searchvalue,fromindex) searchvalue 必需。规定需检索的字符串值。 fromindex 可选整数参数。规定在字符串中开始检索的位置，合法取值 0 至 stringObject.length - 1。若省略，则从字符串首字符开始检索。

说明： 该方法将从头到尾检索字符串 stringObject，检查是否含有子串 searchvalue。开始检索位置在 fromindex 处或字符串开头（未指定 fromindex 时）。若找到 searchvalue，则返回其第一次出现的位置。stringObject 中字符位置从 0 开始。

注：indexOf() 方法区分大小写！

例：

var str="Hello world!"
document.write(str.indexOf("Hello") + "<br />")
document.write(str.indexOf("World") + "<br />")
document.write(str.indexOf("world"))

输出： 0 -1 6

查看更多JavaScript的语法，大家可以关注：《JavaScript 参考教程》、《JavaScript代码风格指南》，也希望大家多多支持本站。