1、length属性
- 在
JavaScript中，对于字符串来说，要掌握的属性就只有一个，那就是length属性。我们可以通过length属性来获取字符串的长度
语法：
字符串名.length
2、match()方法
- 在
JavaScript中，使用match()方法可以从字符串内索引指定的值，或者找到一个或多个正则表达式的匹配
语法：
stringObject.match(字符串) //匹配字符串;
stringObject.match(正则表达式) //匹配正则表达式
- 说明：
stringObject指的是字符串对象。match()方法类似于indexOf()方法，但是它返回的是指定的值，而不是字符串的位置 - 分析：说白了，
match()方法就是用来检索一个字符串是否存在。如果存在的话，返回要检索的字符串；如果不存在的话，返回null
3、search()方法
- 在
JavaScript中，search()方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串
语法：
stringObject.search(字符串) //检索字符串;
stringObject.search(正则表达式) //检索正则表达式
- 说明：
stringObject指的是字符串对象。search()方法返回的是子字符串的起始位置，如果没有找到任何匹配的子串，则返回-1
举例：
<!DOCTYPE html>
<html lang="en">
<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>
在浏览器预览效果
分析：
-
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 lang="en">
<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>
在浏览器预览效果
5、replace()方法
- 在JavaScript中，replace()方法常常用于在字符串中用一些字符替换另一些字符，或者替换一个与正则表达式匹配的子串
语法：
stringObject.replace(原字符,替换字符)
stringObject.replace(正则表达式,替换字符) //匹配正则表达式
<!DOCTYPE html>
<html lang="en">
<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>
在浏览器预览效果
- 分析：str.replace("javascript","lvyestudy")表示用"lvyestudy"替换str中的"javascript"
6、charAt()方法
- 在JavaScript中，可以使用charAt()方法来获取字符串中的某一个字符。这个方法我们在之前的教程中已经多次接触了。这个方法非常好用，在实际开发中也经常用到
语法：
stringObject.charAt(n)
- 说明：string.Object表示字符串对象。n是数字，表示字符串中第几个字符。注意，字符串中第一个字符的下标是0，第二个字符的下标是1，以此类推
<!DOCTYPE html>
<html lang="en">
<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>
在浏览器预览效果
7、英文大小写转换toLowerCase()和toUpperCase()
- 在JavaScript中，使用toLowerCase()和toUpperCase()这两种方法来转化字符串的大小写。其中，toLowerCase()方法将大写字符串转换为小写字符串；toUpperCase()将小写字符串转换为大写字符串
语法：
字符串名. toLowerCase() //将大写字符串转换为小写字符串
字符串名. toUpperCase() //将小写字符串转换为大写字符串
- 说明：此外，还有2种大小写转化方法：toLocaleLowerCase()和toLocaleUpperCase()。这两个方法我们有可能一辈子都用不到，大家要是别的书籍中看到，可以直接忽略
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<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>
在浏览器预览效果
8、连接字符串concat()
- 在JavaScript中，可以使用concat()方法来连接2个或多个字符串
语法：
字符串1.concat(字符串2,字符串3,…,字符串n);
- 说明：concat()方法将“字符串2,字符串3,…,字符串n”按照顺序连接到字符串1的尾部，并返回连接后的字符串
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<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>
在浏览器预览效果
- 分析：大家可以看到，原来连接字符串可以有2种方式，一种是使用concat()方法，另外一种更加简单，使用“+”运算符就可以了。在这里大家也明白我的良苦用心了吧。就是说，以后大家连接字符串别傻乎乎地用concat()方法，直接将字符串相加就可以了
9、比较字符串localeCompare()
- 在javascript中，可以使用localeCompare()方法用本地特定的顺序来比较两个字符串
语法：
字符串1.localeCompare(字符串2)
- 说明：比较完成后，返回值是一个数字。
（1）如果字符串1小于字符串2，则返回小于0的数字；
（2）如果字符串1大于字符串2，则返回数字1；
（3）如果字符串1等于字符串2，则返回数字0；
<!DOCTYPE html>
<html lang="en">
<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>
在浏览器预览效果
10、分割字符串split()
- 在javascript中，可以使用split()方法把一个字符串分割成字符串数组
语法：
字符串.split(分割符)
- 说明：分割符可以是一个字符、多个字符或一个正则表达式分割符并不作为返回数组元素的一部分
<!DOCTYPE html>
<html lang="en">
<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>
在浏览器预览效果
- 分析：str.split(" ")表示字符串以空格作为分割符，而arr其实就是一个数组。。split()方法虽然简单，但是在实际开发中经常会用到，大家一定要记住喔
11、从字符串提取字符串substring()
- 在JavaScript中，可以使用substring()方法来提取字符串中的某一部分字符串
语法：
字符串.substring(开始位置,结束位置)
- 说明：开始位置是一个非负的整数，表示从哪个位置开始截取。结束位置也是一个非负的整数，表示在哪里结束截取
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<script type="text/javascript">
var str1="绿叶学习网JavaScript教程";
var str2=str1.substring(5,15);
document.write(str2);
</script>
</head>
<body>
</body>
</html>
在浏览器预览效果
12、以闪烁方式显示字符串blink()
- 在JavaScript中，使用blink()方法使得字符串出现闪烁效果
语法：
字符串名.blink();
13、设置字符串字体属性（了解即可）
- 在JavaScript中，有很多可以用来设置字符串字体属性的方法，例如设置字符串字体的大小，我们可以使用big()和small()；设置字符串的粗细，我们可以使用bold()方法等
语法：
字符串名.big()
字符串名.bold()
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<script type="text/javascript">
var str="绿叶学习网JavaScript入门教程";
document.write("以大字号显示："+str.big()+"<br/>");
document.write("以小字号显示："+str.small()+"<br/>");
document.write("以粗体显示："+str.bold()+"<br/>");
document.write("添加删除线显示："+str.strike()+"<br/>");
document.write("以大字号显示："+str.fontcolor("Red"));
</script>
</head>
<body>
</body>
</html>
在浏览器预览效果
- 分析：其实这里我们只是给大家介绍一下JavaScript中有这么一类方法可以设置字符串的字体属性，并非叫我们去记忆这些方法。这些方法我们完全不需要记忆
网友评论