二十八：javaScript之字符串对象
1.javaScript字符串对象简介
字符串对象string有很多方法，例如match()方法、search()方法、replace()方法等
（1）length属性
语法：
字符串名.length
举例：
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<script type="text/javascript">
var str="I love lvye!";
document.write("字符串长度是："+str.length);
</script>
</head>
<body>
</body>
</html>
在浏览器预览效果如下：
6-2-1.png
(2)match方法
在JavaScript中，使用match()方法可以从字符串内索引指定的值，或者找到一个或多个正则表达式的匹配
语法：
stringObject.match(字符串) //匹配字符串;
stringObject.match(正则表达式) //匹配正则表达式
说明：
stringObject指的是字符串对象。match()方法类似于indexOf()方法，但是它返回的是指定的值，而不是字符串的位置。
举例：
<!DOCTYPE html>
<html>
<head>
<title></title>
<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>
</head>
<body>
</body>
</html>
在浏览器预览效果如下：
6-3-1.png
注：说白了，match()方法就是用来检索一个字符串是否存在。如果存在的话，返回要检索的字符串；如果不存在的话，返回null。
（3）search()方法
在JavaScript中，search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。
stringObject.search(字符串) //检索字符串;
stringObject.search(正则表达式) //检索正则表达式
说明：
stringObject指的是字符串对象。search()方法返回的是子字符串的起始位置，如果没有找到任何匹配的子串，则返回-1。
举例：
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
var str = "I love lvyestudy!";
document.write(str.search("lvye")+"<br/>");
document.write(str.search("html"));
</script>
</head>
<body>
</body>
</html>
在浏览器预览效果如下：
6-4-1.png
注意：str.search("lvye")表示检索字符串"I love lvyestudy!"是否存在子字符串"lvye"，由于存在，所以返回"lvye"在字符串"I love lvyestudy!"中的起始位置7（字符串索引从0开始）。
str.search("html")表示检索字符串"I love lvyestudy!"是否存在子字符串"html"，由于不存在，因此返回-1。
(4)indexOf()方法
在JavaScript中，可以使用indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置
语法：
stringObject.indexOf(字符串)
说明：
stringObject表示字符串对象。indexOf()方法跟search()方法差不多，跟match()方法类似，不同的是indexOf()方法返回的是字符串的位置，而match()方法返回的是指定的字符串。
举例：
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
var str="Hello World!";
document.write(str. indexOf ("world")+"<br/>");
document.write(str. indexOf ("World")+"<br/>");
document.write(str. indexOf ("worlld")+"<br/>");
document.write(str. indexOf ("world!"));
</script>
</head>
<body>
</body>
</html>
在浏览器预览效果如下
6-5-1.png
(5)replace()方法
在JavaScript中，replace()方法常常用于在字符串中用一些字符替换另一些字符，或者替换一个与[正则表达式]匹配的子串。
语法：
stringObject.replace(原字符,替换字符)
stringObject.replace(正则表达式,替换字符) //匹配正则表达式
举例：
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
var str ="I love javascript!";
var str_new=str.replace("javascript","lvyestudy");
document.write(str_new);
</script>
</head>
<body>
</body>
</html>
在浏览器预览效果如下：
6-6-1.png
(6)charAt()方法
在JavaScript中，可以使用charAt()方法来获取字符串中的某一个字符
语法：
stringObject.charAt(n)
说明：string.Object表示字符串对象。n是数字，表示字符串中第几个字符。注意，字符串中第一个字符的下标是0，第二个字符的下标是1，以此类推。
举例：
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
var str = "Hello lvye!";
document.write(str.charAt(0)+"<br/>");
document.write(str.charAt(4));
</script>
</head>
<body>
</body>
</html>
在浏览器预览效果如下：
6-7-1.png
(7)字符串英文大小写转化
在JavaScript中，使用toLowerCase()和toUpperCase()这两种方法来转化字符串的大小写。其中，toLowerCase()方法将大写字符串转换为小写字符串；toUpperCase()将小写字符串转换为大写字符串。
语法：
字符串名. toLowerCase() //将大写字符串转换为小写字符串
字符串名. toUpperCase() //将小写字符串转换为大写字符串
举例：
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<script type="text/javascript">
var str="Hello Wordl!";
document.write("以正常方式显示为："+str+"<br/>");
document.write("以小写方式显示为："+str. toLowerCase()+"<br/>");
document.write("以大写方式显示为："+str. toUpperCase());
</script>
</head>
<body>
</body>
</html>
在浏览器预览效果如下：
6-8-1.png
(8)连接字符串
在JavaScript中，可以使用concat()方法来连接2个或多个字符串。
语法：
字符串1.concat(字符串2,字符串3,…,字符串n);
说明：
concat()方法将“字符串2,字符串3,…,字符串n”按照顺序连接到字符串1的尾部，并返回连接后的字符串。
举例：
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<script type="text/javascript">
var str1="毛扇指千阵，";
var str2="铁马踏冰河，";
var str3="黄沙破楼兰。";
var str4=str1+str2+str3;
var str5=str1.concat(str2,str3);
document.write(str4+"<br/>");
document.write(str5);
</script>
</head>
<body>
</body>
</html>
在浏览器预览效果如下：
6-9-1.png
(9)比较字符串
在javascript中，可以使用localeCompare()方法用本地特定的顺序来比较两个字符串。
语法：
字符串1.localeCompare(字符串2)
说明：
（1）如果字符串1小于字符串2，则返回小于0的数字；
（2）如果字符串1大于字符串2，则返回数字1；
（3）如果字符串1等于字符串2，则返回数字0；
举例：
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
var str1= "JavaScript";
var str2 = "javascript";
var str3 = str1.localeCompare(str2);
document.write(str3);
</script>
</head>
<body>
</body>
</html>
在浏览器预览效果如下：
6-10-1.png
(10)split()方法
在javascript中，可以使用split()方法把一个字符串分割成字符串数组。
语法：
字符串.split(分割符)
说明：
分割符可以是一个字符、多个字符或一个正则表达式。分割符并不作为返回数组元素的一部分。
举例：
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
var str ="I love lvyestudy!";
var arr=new Array();
arr=str.split(" ");
document.write(arr);
</script>
</head>
<body>
</body>
</html>
在浏览器预览效果如下：
6-11-1.png
分析：
str.split(" ")表示字符串以空格作为分割符，而arr其实就是一个数组
