JavaScript(8)

6、字符串对象

一、JavaScript字符串对象简介

字符串,是程序设计中经常使用的一种数据类型,在每一种编程语言中都非常非常的重要。

这一章我们给大家详细地介绍JavaScript中的字符串对象string,然后给大家讲解一下各种操作字符串的技巧。有可能这些技巧一时半会你用不上,但是学习知识有一种说法是:你只有接触了某个知识点,即使将来你已经忘记了这个知识点具体是怎样的了,不过你却能想到用这么一个知识去帮你解决某些问题。但是,如果你没有接触这个知识点,你大脑是完全对这个知识没有概念,你连翻书的份都没,还谈解决什么问题?额,说得有点拗口,不过也是我作为程序猿多年的经验。

字符串对象string有很多方法,例如match()方法、search()方法、replace()方法等。有可能这些方法你学了一阵子都忘记具体语法是怎样的了,其实你不要埋怨自己笨,因为不经常用的知识,我们往往都容易忘记。等你需要用到这些语法了,再回来翻翻就可以了。然后经历过多次使用了,这些语法就根深蒂固了。

不过呢,在此说一下,在这一章包括之前或之后的章节,对象都有很多方法或属性,不要求每一种都掌握,但是至少我们要去看看,这样我们在以后开发中需要用到的时候,大脑“仅存”的记忆都能提醒我们要用到哪些知识点,然后我们回来翻翻就行了。

二、length属性简介

在JavaScript中,对于字符串来说,要掌握的属性就只有一个,那就是length属性。我们可以通过length属性来获取字符串的长度。

语法:

字符串名.length

说明:

length属性很简单,但是在字符串操作中经常要用到,这个大家一定要记住。

举例:


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script type="text/javascript">

        var str="I love lvye!";

        document.write("字符串长度是:"+str.length);

    </script>

</head>

<body>

</body>

</html>

在浏览器预览效果如下:

三、match()方法简介

在JavaScript中,使用match()方法可以从字符串内索引指定的值,或者找到一个或多个正则表达式的匹配。

语法:


stringObject.match(字符串)    //匹配字符串;

stringObject.match(正则表达式)  //匹配正则表达式

说明:

stringObject指的是字符串对象。match()方法类似于indexOf()方法,但是它返回的是指定的值,而不是字符串的位置。

下面来看一个例子,大家就懂了。

举例:


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<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>

在浏览器预览效果如下:

分析:

说白了,match()方法就是用来检索一个字符串是否存在。如果存在的话,返回要检索的字符串;如果不存在的话,返回null。

四、search()方法简介

在JavaScript中,search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。

语法:


stringObject.search(字符串)      //检索字符串;

stringObject.search(正则表达式)  //检索正则表达式

说明:

stringObject指的是字符串对象。search()方法返回的是子字符串的起始位置,如果没有找到任何匹配的子串,则返回-1。

举例:

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<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>

在浏览器预览效果如下:

正文完