美文网首页
JavaScript练习之字符串学习

JavaScript练习之字符串学习

作者: 池约翰 | 来源:发表于2019-04-13 11:01 被阅读0次

    js字符串

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
    
            /*
             * 
             * 在解析器的底层,保存字符串时,实际上是以字符数组的形式保存的
             *  所以字符串的操作方法和数组都是非常相似的
             * 
             */
    
    
            var str = "Hello neusoft";
    
            //console.log(str.length);
            //console.log(str[6]);
            /*
             * length可以用来获取一个字符串的长度
             */
    
            /*
             * charAt()
             *  - 可以根据索引来获取指定位置的字符
             * 
             * charCodeAt()
             *  - 可以根据索引来获取指定位置的字符的字符编码
             * 
             * String.fromCharCode()
             *  - 可以根据字符编码来获取字符
             */
            str = "中AaHello neusoft";
    
            var result = str.charAt(0);
    
            result = str.charCodeAt(0);
    
            result = String.fromCharCode(20013);
    
            //console.log(result);
    
            /*
             * concat()
             *  - 可以用来连接两个或多个字符串
             *  - 作用+ 一样
             */
            str = "hello";
            var str2 = "world";
    
            result = str.concat(str2,"你好","天气好","吃的好");
    
            /*
             * indexOf()
             *  - 检索指定字符串在当前字符串中的位置
             *  - 参数:
             *      第一个参数,要查询的字符串
             *      第二个参数,查找开始的位置
             * 
             *  - 返回值:
             *      默认会返回字符串第一次出现的位置的索引
             *      如果没有找到该内容,则返回-1
             * 
             * lastIndexOf()
             *  - 检索指定字符串在当前字符串中的位置
             *  - 该方法和indexOf()一样,不同的是indexOf()是从前往后找
             *      而lastIndexOf()是从后往前找
             */
            str = "Helo neusoft";
    
            //result = str.indexOf("a");
            //result = str.indexOf("l",3);
            result = str.lastIndexOf("l",5);
    
            /*
             * slice()
             *  - 可以用来截取一个字符中的内容
             *  - 参数:
             *      第一个参数,截取开始位置的索引(包括开始位置)
             *      第二个参数,截取结束位置的索引(不包括结束位置)
             *      - 可以接收一个负值作为参数,如果是负值,则从后往前数
             *      - 也可以省略第二个参数,如果省略则一直截取到最后
             */
    
            str = "Hello neusoft";
    
            result = str.slice(0,5);
    
            result = str.slice(5);
    
            /*
             * substring()
             *  - 用来截取字符串的
             *  - 参数:
             *      第一个参数,截取开始位置的索引(包括开始位置)
             *      第二个参数,截取结束位置的索引(不包括结束位置)
             *      - 该方法不接收负值,如果传递了一个负值,则默认会设置为0
             *      - 该方法中如果第二个参数小于第一个,则会调整参数的位置
             *  
             */
            str = "Hello neusoft";
            result = str.substring(6,0);
    
            /*
             * substr()
             *  - 用来截取字符串
             *  - 参数:
             *      第一个参数,截取开始位置的索引
             *          - 可以是负值,如果是负值从后往前数
             *      第二个参数,截取的个数
             */
    
            str = "Hello neusoft";
            result = str.substr(-3,2);
    
            //console.log(result);
    
            /*
             * split()
             *  - 可以将一个字符串拆分为一个数组
             *  - 它需要一个字符串作为参数,将会根据该字符串对字符串进行拆分
             *      并且将拆分的后的值保存到一个数组中返回
             */
    
            str = "孙悟空@猪八戒@沙和尚@唐僧";
    
            result = str.split("@");
    
            //console.log(Array.isArray(result));
            //console.log(result);
    
            /*
             * toLowerCase()
             *  - 将一个字符串转换为小写
             * toUpperCase()
             *  - 将一个字符串转换为大写
             */
            str = "abcdefg";
    
            result = str.toUpperCase();
    
            str = "ABCDEFG";
    
            result = str.toLowerCase();
    
            console.log(result);
    
            var myStr = "I,love,you,Do,you,love,me";
            var replacedStr = myStr.replace("love","hate");//"I,hate,you,Do,you,love,me";
    
            //replace默认只替换第一次查找到的,想要全局替换,需要置上正则全局标识,如
            var myStr = "I,love,you,Do,you,love,me";
            var replacedStr = myStr.replace(/love/g,"hate");//"I,hate,you,Do,you,hate,me"
        </script>
    </head>
    <body>
    </body>
    </html>
    

    练习:

    字符串练习

    方法一

    编写一个程序,将某个字符串反转

    function strReverse(str) {
         return str.split("").reverse().join("") 
    }
    

    下面对例子中使用到的 JS 方法进行说明:
    1、join():返回字符串值,其中包含了连接到一起的数组的所有元素,元素由指定的分隔符分隔开来。
    格式:arrayObj.join(separator)
    arrayObj 必选项,Array 对象;
    separator 必选项。是一个 String 对象,作为最终的 String 对象中对数组元素之间的分隔符。如果省略了这个参数,那么数组元素之间就用一个逗号来分隔。
    注:Array.join() 等价于 Array.toString()
    2、split():将一个字符串分割为子字符串,然后将结果作为字符串数组返回。
    格式:stringObj.split([separator[, limit]])
    stringObj 必选项,要被分解的 String 对象或文字。
    separator 可选项。字符串或 正则表达式 对象,它标识了分隔字符串时使用>的是一个还是多个字符。如果忽略该选项,返回包含整个字符串的单一元素>数组。
    limit 可选项。该值用来限制返回数组中的元素个数。
    3、reverse():返回一个元素顺序被反转的 Array 对象。
    格式:arrayObj.reverse()
    arrayObj 必选项,Array 对象。

    方法二

    function strReverse(str) {
            var newstr="";
               for(var i=0;i<str.length;i++){
                   newstr=str.charAt(i)+newstr;
               }
               return newstr
    }
    

    相关文章

      网友评论

          本文标题:JavaScript练习之字符串学习

          本文链接:https://www.haomeiwen.com/subject/wbklwqtx.html