JavaScript学习笔记之字符串属性和方法

最新推荐文章于 2023-04-16 23:45:57 发布

秋忆夏伤

最新推荐文章于 2023-04-16 23:45:57 发布

阅读量276

点赞数

本文链接：https://blog.csdn.net/qq_29331365/article/details/52514232

版权

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<body>
    <script type="text/javascript">
        var str = "Hello World!";

        // 1、length：字符串长度；
        document.write("字符串长度为：" + str.length + "<br/>");
        document.write("<hr/>");

        // 2、indexof：查找字符串中指定的子串首次出现的位置。如果存在，返回位置的索引；如果不存在，返回-1；
        var num1 = str.indexOf("Hello");
        var num2 = str.indexOf(" ");
        var num3 = str.indexOf("Hi");
        document.write("Hello的索引：" + num1 + "<br/>");
        document.write("World的索引：" + num2 + "<br/>");
        document.write("Hi的索引：" + num3 + "<br/>");
        document.write("<hr/>");

        // 3、match：匹配内容，可在字符串中检索指定的内容，或找到一个或多个正则表达式的匹配。
        document.write(str.match(/Hello/) + "<br/>");   // 匹配正则表达式，没有全局标志g。输出：Hello；
        document.write(str.match(/World/g) + "<br/>");  // 匹配正则表达式，有全局标志g。输出：World；
        document.write(str.match("Hello") + "<br/>");   // 匹配指定的子串，输出：Hello；
        document.write(str.match("Hi") + "<br/>");      // 匹配指定的子串，输出：null；
        document.write("<hr/>");
        // 用全局匹配的正则表达式来检索字符串中指定的内容；
        // match索引返回的是数组，里面存放检索到的所有内容；
        var s = "1 plus 2 equal 3";
        document.write(s.match(/\d/) + "<br/>");        // 没有全局标志g，match()只执行一次；输出：1
        document.write(s.match(/\d/g) + "<br/>");       // 有全局标志g，match()进行全局索引；输出：1，2，3
        document.write("<hr/>");

        // 4、replace：替换内容。用指定的字符串替换原字符串中指定的子串，或替换一个与正则表达式匹配的子串。
        // 若指定的子串存在，则返回替换后的字符串；否则，返回原字符串。
        document.write(str.replace("World", "JavaScript") + "<br/>");// 替换指定的子串，输出：Hello JavaScript
        document.write(str.replace(/World/, "JavaScript") + "<br/>");// 替换匹配的正则表达式，输出同上；
        document.write(str.replace("Hi", "Jack") + "<br/>");         // 要替换的子串不存在，输出原字符串；
        document.write("<hr/>");

        // 5、toUpperCase()/toLowerCase()：字符串大小写转换；
        document.write(str.toUpperCase() + "<br/>");
        document.write(str.toLowerCase() + "<br/>");
        document.write("<hr/>");

        // 6、Split：分割字符串，返回数组，存放分割的字符串；
        var strr = "Hello Java Script";
        var arr = strr.split(" ");
        for (var i = 0; i < arr.length; i++) {
            document.write(arr[i] + "<br/>");
        }
        document.write("<hr/>");
    </script>
</body>
</html>

输出结果：

秋忆夏伤

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习笔记之字符串属性和方法

var str = "Hello World!"; // 1、length：字符串长度； document.write("字符串长度为：" + str.length + ""); document.write(""); // 2、indexof：查找字符串中指定的子串首次出现的位置。如果存在，返回位置的索引；如果不存在，返回-1；
复制链接

扫一扫