前端切图仔，常用的21个字符串方法（下）
字符串方法
更多方法实例可以参见：JavaScript String 对象。
方法 | 描述 |
|---|---|
charAt() | 返回指定索引位置的字符 |
charCodeAt() | 返回指定索引位置字符的 Unicode 值 |
concat() | 连接两个或多个字符串，返回连接后的字符串 |
fromCharCode() | 将 Unicode 转换为字符串 |
indexOf() | 返回字符串中检索指定字符第一次出现的位置 |
lastIndexOf() | 返回字符串中检索指定字符最后一次出现的位置 |
localeCompare() | 用本地特定的顺序来比较两个字符串 |
match() | 找到一个或多个正则表达式的匹配 |
replace() | 替换与正则表达式匹配的子串 |
search() | 检索与正则表达式相匹配的值 |
slice() | 提取字符串的片断，并在新的字符串中返回被提取的部分 |
split() | 把字符串分割为子字符串数组 |
substr() | 从起始索引号提取字符串中指定数目的字符 |
substring() | 提取字符串中两个指定的索引号之间的字符 |
toLocaleLowerCase() | 根据主机的语言环境把字符串转换为小写，只有几种语言（如土耳其语）具有地方特有的大小写映射 |
toLocaleUpperCase() | 根据主机的语言环境把字符串转换为大写，只有几种语言（如土耳其语）具有地方特有的大小写映射 |
toLowerCase() | 把字符串转换为小写 |
toString() | 返回字符串对象值 |
toUpperCase() | 把字符串转换为大写 |
trim() | 移除字符串首尾空白 |
valueOf() | 返回某个字符串对象的原始值 |
十一：slice()方法
定义和用法
slice() 方法可从已有的数组中返回选定的元素。
实例
例子 1
在本例中，我们将创建一个新数组，然后显示从其中选取的元素：
<script type="text/javascript">
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr + "<br />")
document.write(arr.slice(1) + "<br />")
document.write(arr)
</script>输出：
George,John,Thomas
John,Thomas
George,John,Thomas例子 2
在本例中，我们将创建一个新数组，然后显示从其中选取的元素：
<script type="text/javascript">
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "<br />")
document.write(arr.slice(2,4) + "<br />")
document.write(arr)
</script>输出：
George,John,Thomas,James,Adrew,Martin
Thomas,James
George,John,Thomas,James,Adrew,Martin十二：split()方法
定义和用法
split() 方法用于把一个字符串分割成字符串数组。
实例
例子 1
在本例中，我们将按照不同的方式来分割字符串：
<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例子 2
在本例中，我们将分割结构更为复杂的字符串：
"2:3:4:5".split(":") //将返回["2", "3", "4", "5"]
"|a|b|c".split("|") //将返回["", "a", "b", "c"]例子 3
使用下面的代码，可以把句子分割成单词：
var words = sentence.split(' ')
或者使用正则表达式作为 separator：
var words = sentence.split(/\s+/)例子 4
如果您希望把单词分割为字母，或者把字符串分割为字符，可使用下面的代码：
"hello".split("") //可返回 ["h", "e", "l", "l", "o"]
若只需要返回一部分字符，请使用 howmany 参数：
"hello".split("", 3) //可返回 ["h", "e", "l"]十三：substr()方法
定义和用法
substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。
实例
例子 1
在本例中，我们将使用 substr() 从字符串中提取一些字符：
<script type="text/javascript">
var str="Hello world!"
document.write(str.substr(3))
</script>输出：
lo world!例子 2
在本例中，我们将使用 substr() 从字符串中提取一些字符：
<script type="text/javascript">
var str="Hello world!"
document.write(str.substr(3,7))
</script>输出：
lo worl十四：substring()
定义和用法
substring() 方法用于提取字符串中介于两个指定下标之间的字符。
实例
例子 1
在本例中，我们将使用 substring() 从字符串中提取一些字符：
<script type="text/javascript">
var str="Hello world!"
document.write(`str.substring(3)`)
</script>输出：
lo world!例子 2
在本例中，我们将使用 substring() 从字符串中提取一些字符：
<script type="text/javascript">
var str="Hello world!"
document.write(`str.substring(3,7)`)
</script>输出：
lo w十五：toLocaleLowerCase()
定义和用法
toLocaleLowerCase() 方法用于把字符串转换为小写。
实例
在本例中，"Hello world!" 将以小写字母来显示：
<script type="text/javascript">
var str="Hello World!"
document.write(str.toLocaleLowerCase())
</script>十六：toLocaleUpperCase()
定义和用法
toLocaleUpperCase() 方法用于把字符串转换为大写。
实例
在本例中，"Hello world!" 将以大写字母来显示：
<script type="text/javascript">
var str="Hello World!"
document.write(str.toLocaleUpperCase())
</script>十七：toLowerCase()
定义和用法
toLowerCase() 方法用于把字符串转换为小写。
实例
在本例中，"Hello world!" 将以小写字母来显示：
<script type="text/javascript">
var str="Hello World!"
document.write(str.toLowerCase())
</script>十八：toString()
定义和用法
toString() 方法可把一个 Number 对象转换为一个字符串，并返回结果。
实例
在本例中，我们将把一个数字转换为字符串：
<script type="text/javascript">
var number = new Number(1337);
document.write (number.toString())
</script>输出：
1337十九：toUpperCase()
定义和用法
toUpperCase() 方法用于把字符串转换为大写。
实例
在本例中，"Hello world!" 将以大写字母来显示：
<script type="text/javascript">
var str="Hello World!"
document.write(str.toUpperCase())
</script>二十：trim()
定义和用法
trim() 方法用于删除字符串的头尾空白符，空白符包括：空格、制表符 tab、换行符等其他空白符等。
trim() 方法不会改变原始字符串。
trim() 方法不适用于 null, undefined, Number 类型。
实例
function myTrim(x) {
return x.replace(/^\s+|\s+$/gm,'');
}
function myFunction() {
var str = myTrim(" Runoob ");
alert(str);
}输出结果
Runoob 二十一：valueOf()
定义和用法
valueOf() 方法可返回 String 对象的原始值。
注意： valueOf() 方法通常由 JavaScript 在后台自动进行调用，而不是显式地处于代码中。
实例
返回 String 对象的原始值:
<script>
var str="Hello world!";
document.write(str.valueOf());
</script>以上实例输出结果:
Hello world!