JavaScript 的字符串的API

JavaScript 的字符串

1、字符串的大小写转换函数

函数	说明
toUpperCase()	返回字符串的完全大写字符
toLowerCase()	返回字符串的完全小写字符

    <script>
        // 生成 n 位验证码
        function getCode(n) {
            var code = [0,1,2,3,4,5,6,7,8,9,
                'a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z',
                'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'];
            var str = '';
            for (var i = 1; i <= n; i++){
                var index = parseInt(Math.random() * code.length);
                str += code[index];
            }
            return str;
        }
        
        function vilidateCode() {
            var str = getCode(4);    // 获得 4 位验证码
            var input = prompt("请输入验证码"+str);
            // 忽略大小写比较
            if(input.toLowerCase() == str.toLowerCase()){
                alert("验证成功");
            }else {
                alert("验证失败");
            }
        }
    </script>
    <button onclick="vilidateCode()">验证码</button>

2、获取指定位置的字符或Unicode码

函数	说明
charAt(index)	返回指定下标位置的字符
charCodeAt(idenx)	返回指定下标位置字符的Unicode码，十进制

    var str = "abcde";
    var s = str.charAt(1);
    console.log(s);  // b
    console.log(str.charCodeAt(1));   // 98
    console.log(str.charCodeAt(1).toString(2));   // 1100010,转换为二进制

3、检索字符串

• 作用：查询子字符串在指定字符串中的起始下标

函数	说明
indexOf(value，fromIndex)	value：要查询的子字符串 fromIndex：从某个位置开始查询，省略时，从头开始查 返回第一次出现字符串的下标，如果没找到，返回-1
lastIndexOf(value，fromIndex)	查询value最后一次出现的下标（从后往前查）

    <script>
        // 简易验证邮箱,不完全可以验证
        function email() {
            var input = prompt("请输入邮箱");
            var index_1 = input.indexOf("@");
            var index_2 = input.indexOf(".");
            var index_last = input.lastIndexOf(".");
            if (index_1 >= 0 && index_2 >= 0 && index_last > index_1){
                alert("邮箱格式正确");
            }else {
                alert("邮箱格式错误");
            }
        }
    </script>
    <button onclick="email()">验证邮箱</button>

4、截取子字符串

函数	说明
substring(start，end)	返回从 star t开始到 end-1 的下标字符串，end省略时，截取到最后

    <script>
        function subsrt() {
            var str = prompt("请邮箱");
            var newStr = str.substring(0, str.lastIndexOf("@"));
            alert(newStr);
        }
    </script>
    <button onclick="subsrt()">截取字符串</button>

5、分割字符串

函数	说明
spilt(seperator)	将字符串，通过 seperator 拆分成一个数组

    var str = "零基础学python|清华大学出版社|35.8";
    var arr = str.split("|");
    console.log(arr);   // ["零基础学python", "清华大学出版社", "35.8"]

6、模式匹配

• 作用：配合正则表达式来完成字符串的查找和替换
• 正则格式：/ 正则表达式 / 修饰符

修饰符	说明
i	忽略大小写匹配
g	全局匹配，匹配多个
m	允许多行匹配

函数	说明
replace(subsrt/regexp，replacement)	使用 replacement 替换 （substr 或者 正则表达式） 匹配的内容
match(subsrt/regexp)	返回满足（substr 或者 正则表达式） 匹配的字符串数组
search(subsrt/regexp)	返回满足（substr 或者 正则表达式） 匹配的字符串第一次出现的下标 未找到时，返回-1 search函数使用正则匹配时，自动忽略全局匹配模式

    var str = "hello world";
    console.log(str.replace("l","*"));    // he*lo world，只替换1个“l”
    console.log(str.replace(/l/g,"*"));   // he**o wor*d 使用正则加全局修饰符，可以全部替换
    console.log(str.match("l"));    // ["l", index: 2, input: "hello world", groups: undefined]
    console.log(str.match(/l/g));   // ["l", "l", "l"]
    console.log(str.search("l"));   // 2
    console.log(str.search(/l/g));  // 2