字符串容器中常用函数（总结）

左手的ㄟ右手 2022-06-13 03:51 189阅读 0赞

<!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    
    </body>
    </html>
    <script>
    
        //字符串的属性 - length
        var myString="JavaScript";
        myString.length;
    
    
    /****************************************************************************** *************************字符串对象属性和方法概述******************************* 获取字符串长度Length属性 连接字符串：concat 获取索引值：indexOf() 根据索引值获取单个字符：charAt() ****************************************************************************** *******************************************************************************/
    
    
    
    /****************************************************************************** concat方法 连接字符串 *******************************************************************************/
    
    console.log('concat用法')
    
        var s1="a";
        var s2="b";
        var s3="c";
        console.log(s1.concat(s2,s3));//abc
    // 等同于：result = s1 + s2 + ... + s
    // 关联记忆：数组中的concat
        var arr = [1, 2, 3];
        console.log(arr.concat(4, 5));//[1,2,3,4,5]
    
    
    
    
    
    
    /****************************************************************************** indexOf 找到匹配项返回索引值，如果没找到返回-1 *******************************************************************************/
    console.log('indexOf用法')
    
    // 获取索引值indexOf
    // 常用方法：找到匹配项返回索引值，如果没找到返回-1
        var myString="JavaScript";
        var a1=myString.indexOf("v");//2
        var a2=myString.indexOf("S");//4
        var a3=myString.indexOf("Script");//4
        var a4=myString.indexOf("key");// 如果没有匹配项返回 -1
        console.log(a1)//2
        console.log(a2)//4
        console.log(a3)//4
        console.log(a4)//-1
    
    // 完整的indexof用法：
    // 可以传入第二个参数：indexOf（str，fromIndex）
    // 表示从索引位置fromIndex开始查找，如果fromIndex省略，则表示默认从起始索引0开始查找；
    // 若fromIndex为负，则从索引0开始查找。
        var b1 = myString.indexOf("v",5);// 从下标5开始查找，而v在索引2，所以找不到，返回-1
        var b2 = myString.indexOf("v",1);//-2
        console.log(b1)//-1
        console.log(b2)//-2
    
    
    
    
    /****************************************************************************** charAt 返回指定索引位置的字符，若索引越界，返回空字符串。 *******************************************************************************/
    console.log('charAt用法')
    
    //返回指定索引位置的字符
    //(因为Javascript中没有字符类型，所以返回的是长度为1的字符串)。
        myString="JavaScript";
        console.log(myString.charAt(1));//a
        console.log(myString.charAt(10000000000000000));//若索引越界，返回空字符串
        console.log(myString.charAt(-1));//若索引越界，返回空字符串 -- ""
        console.log(myString.charAt(-10000000000000000000000));//若索引越界，返回空字符串
    
    
    
    
    
    /****************************************************************************** substr(fromIndex,length) 获取部分字符串 从起始索引fromIndex开始截取长度length的字符串 *******************************************************************************/
    console.log('substr用法')
    
    //从起始索引fromIndex开始截取长度length的字符串 - 正向截取
        myString="JavaScript";
        console.log(myString.substr(1,1));//a 表示从第1个索引值开始截取，截取1个字符
        console.log(myString.substr(1,2));//av女忧 表示从第1个索引值开始截取，截取2个字符
        console.log(myString.substr(1,3));//ava 表示从第1个索引值开始截取，截取3个字符
        console.log(myString.substr(1,4));//avaS 表示从第1个索引值开始截取，截取4个字符
    
        //若不指定length或者length超过可截取的最大长度，则截取到结尾。
        console.log(myString.substr(1));//avaScript
        console.log(myString.substr(1,4000000));//avaScript
    
    
        //反向截取
        //若起始索引为负，则从右往左开始截取 - -1表示倒数第一个， -2表示倒数第二个
        myString="JavaScript";
        console.log(myString.substr(-1,1));//t 表示从倒数第一个开始截取，截取1个字符
        console.log(myString.substr(-2,1));//p 表示从倒数第二个开始截取，截取1个字符
        console.log(myString.substr(-3,1));//i 表示从倒数第三个开始截取，截取1个字符
        console.log(myString.substr(-4,1));//r 表示从倒数第四个开始截取，截取1个字符
        console.log(myString.substr(-5,1));//c 表示从倒数第五个开始截取，截取1个字符
        console.log(myString.substr(-6,1));//S 表示从倒数第六个开始截取，截取1个字符
        console.log(myString.substr(-7,1));//a 表示从倒数第七个开始截取，截取1个字符
    
        myString="JavaScript";
        console.log(myString.substr(-6,1));//S 表示从倒数第6个开始截取，截取1个字符
        console.log(myString.substr(-6,2));//Sc 表示从倒数第6个开始截取，截取2个字符
        console.log(myString.substr(-6,3));//Scr 表示从倒数第6个开始截取，截取3个字符
        console.log(myString.substr(-6,4));//Scri 表示从倒数第6个开始截取，截取4个字符
        console.log(myString.substr(-6,5));//Scrip 表示从倒数第6个开始截取，截取5个字符
        console.log(myString.substr(-6,6));//Script 表示从倒数第6个开始截取，截取6个字符
    
        //男生的作业：
        //从倒数的方式开始截取，获取av
        myString="JavaScript";
        console.log(myString.substr(-9,2));//Script 表示从倒数第6个开始截取，截取6个字符
    
        //女生的作业：
        //整数的方式获取曲线S
        //首先思考 我要获取几个字符，则后面的参数就确定了
        myString="JavaScript";
        console.log(myString.substr(4,1));//S 表示从索引值4开始截取，截取1个字符
        console.log(myString.substr(-6,1));//S 表示从倒数第6个开始截取，截取1个字符
    
    
    
    
    
    
        /****************************************************************************** substring(startIndex,endIndex) 获取部分字符串 截取 起始索引startIndex 到 结束索引endIndex的子字符串， 结果包含startIndex处的字符，不包含endIndex处的字符。 *******************************************************************************/
        console.log('substring用法')
        //男生的作业：获取av
        myString="JavaScript";
        console.log(myString.substring(1,3));
    
        //女生的作业：获取曲线S
        myString="JavaScript";
        console.log(myString.substring(4,5));
    
        //其他小点：
        //如果省略个数,则自动获取后面所有
         console.log(myString.substring(4));//Script
        //若startIndex或者endIndex为负，则会被替换为0。
        console.log(myString.substring(-1,1));//J
        //若startIndex = endIndex，则返回空字符串。
        console.log(myString.substring(3,3));//返回空
        //若startIndex > endIndex，则执行方法时，两个值会被交换。
        console.log(myString.substring(3,1));//等价于myString.substring(1,3)
    
    
    
    
    
    
        /****************************************************************************** slice(startIndex,endIndex) 获取部分字符串 截取 起始索引startIndex 到 结束索引endIndex的子字符串， 结果包含startIndex处的字符，不包含endIndex处的字符。 *******************************************************************************/
        console.log('slice(startIndex,endIndex)用法')
        myString="JavaScript";
        console.log(myString.slice(1,3)) //av
        console.log(myString.slice(4,5)) //S
        console.log(myString.slice(4)) //Script //如果省略个数,则自动获取后面所有
    
        // 基本用法和substring用法一样，不同点如下：
    
    // stringObj.slice(start, [end])
    // 如果 start 为负，将它作为 length + start处理，此处 length 为数组的长度。
           console.log(myString.slice(-1,3))
    // 如果 end 为负，就将它作为 length + end 处理，此处 length 为数组的长度。
           console.log(myString.slice(2,-3))
    // 如果省略 end ，那么 slice 方法将一直复制到 arrayObj 的结尾。
    // 如果 end 大于 start，不复制任何元素到新数组中。
    //
    // strVariable.substring(start, end)
    // 如果 start 或 end 为 NaN 或者负数，那么将其替换为0。
    // 子字符串的长度等于 start 和 end 之差的绝对值。例如，在 strvar.substring(0, 3) 和 strvar.substring(3, 0) 返回的子字符串的的长度是 3。
    // slice可以对数组操作，substring不行。。。
    
    
    
    
        /****************************************************************************** split()分割 按给定字符串分割，返回分割后的多个字符串组成的字符串数组。 *******************************************************************************/
        console.log('split()用法')
        var s="a,bc,d";
        console.log(s.split(","));//["a", "bc", "d"]
        s="a1b1c1d1";
        console.log(s.split("1"));//["a", "b", "c", "d", ""]
    
    
    
    
    
    
        /****************************************************************************** John()合并 使用您选择的分隔符将一个数组合并为一个字符串 *******************************************************************************/
        console.log('John用法')
        var myList=new Array("jpg","bmp","gif","ico","png");
        var imgString=myList.join("|");//结果是jpg|bmp|gif|ico|png
        console.log(imgString)
    
    
        //split()还可以结合正则表达式
        myString = 'javascript is a good script language';
        console.log(myString.split(/\s/)); //javascript,is,a,good,script,language
        //传入\s表示要匹配空格，我们将字符串分割为一个数组，如果你要访问某一个，那么可以明确指出：
        console.log(myString.split(/\s/)[3]); //good
    
    
    
    
    
        /****************************************************************************** 字符串大小写转换 使用您选择的分隔符将一个数组合并为一个字符串 *******************************************************************************/
        console.log('字符串大小写转换')
    
        myString="JavaScript";
        myString = myString.toLowerCase();//javascript
        console.log(myString)
        myString = myString.toUpperCase();//JAVASCRIPT
        console.log(myString)
    
    
    
    
    </script>