二十八：javaScript之字符串对象

作者: rtrhhthth | 来源:发表于2018-06-26 19:35 被阅读0次

JavaScript 字符串String+日期与时间Date+数
二十八：javaScript之字符串对象
JSON
JavaScript基础
Javascript 对象（一）
jQuery.parseJSON()和JSON.stringif
JavaScript-字符串对象方法应用
JavaScript学习笔记（三）
js-01
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>![6-3-1.png](https://img.haomeiwen.com/i11352580/938c4dcff4eed76b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

</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!";
        ![6-4-1.png](https://img.haomeiwen.com/i11352580/df49e4fa0a807f5e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
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>

在浏览器预览效果如下：