zoukankan      html  css  js  c++  java
  • Js 第三课

    String对象

      string对象也有一个表示字符串长度的length属性,表示:字符串中包含的字符数,不能被人为的修改

        <script type="text/javascript">
    
            function demo() {
                var BugsBug = 'Bugs Bug';
                alert(BugsBug.length);//8
            }
            demo();
        </script>

    字符串截取 (substring(arg1,[arg2]) )
          arg1:开始位置但并不包括。arg2:结束位置,被省略时默认截取到字符串的末尾

     <script type="text/javascript">
            function demo() {
                var BugsBug = 'Love Bugs Bug .';
                alert(BugsBug.substring(5, 13)); //Bugs Bug
            }
            demo();
        </script>

    字符串的替换 (replace(arg1,arg2)
        指定的内容替换成新的内容返回新的字符串。并不会对原字符串有影响。

        arg1:被替换的字符串。arg2:替换的内容。 会查找所有与arg1相匹配的字符串并替换。

        <script type="text/javascript">
            function demo() {
                var BugsBug = 'Love Bugs Bug .';
                alert(BugsBug.replace('Love ', '')); //Bugs Bug .
            }
            demo();
        </script>

      arg1:可以是正则表达式...把字符串中所有和正则表达式相匹配的内容都替换掉。

        <script type="text/javascript">
            function demo() {
                var BugsBug = 'Love is Bugs Bug .';
                alert(BugsBug.replace(/L.*s/, '')); // Bug .
            }
            demo();
        </script>

        看到了吗?:正则取得是最后的那个。

    大小转换。

        toLowerCase()将所有大写变为小写 。  toUpperCase()将所有小写变为大写。

    字符串转变为数组。

        split(arg) 方法可以将字符串根据指定的字符串分割称若干元素,并将这些元素按照在原字符串中的先后顺序排列,返回一个包含这些元素的数组。是array对象 的join方法的逆运算。

        当arg为空时(arg存在),会将字符串中的每个字符作为数组的一个元素

        当arg不存在时,会将整个字符串作为数组的一个元素

      <script type="text/javascript">
            function demo() {
                var BugsBug = 'Love is Bugs Bug .';
                alert(BugsBug.split(' ')); //Love,is,Bugs,Bug,.     
                alert(BugsBug.split('')); //L,o,v,e,i,s,B,u,g,s,B,u,g,.
                alert(BugsBug.split()); //Love is Bugs Bug . 
              }
            demo();
        </script>

    拼接字符串的优化方法。
        js的字符串更像一个常量,其值是不可以被改变的,在进行字符串的连接时,实际是创建了新的字符串,而并非在原有的字符串基础上进行的修改,所以进行大量的字符串操作时,会带来性能的消耗,解决的办法是结合数组的join方法达到拼接....

        <script type="text/javascript">
            function demo() {
                var BugsBug1 = 'Love';
                var BugsBug2 = ' is';
                var BugsBug3 = ' Bugs';
                var BugsBug4 = ' Bug .';
                var BugsBug5 = BugsBug1 + BugsBug2 + BugsBug3 + BugsBug4;
                alert(BugsBug5);
                //以上代码进行了3次’+‘运算实际上生成了3个新的字符串实例...
                //优化...
                var BugsBug6 = [BugsBug1, BugsBug2, BugsBug3, BugsBug4].join('');
                alert(BugsBug6);
              }
            demo();
        </script>

      


  • 相关阅读:
    Javascript 严格模式详解
    SeaJS与RequireJS最大的区别
    AMD 和 CMD 的区别有哪些?
    JS 关于(function( window, undefined ) {})(window)写法的理解
    高性能 CSS3 动画
    js对象私有变量公有变量问题
    探讨js字符串数组拼接的性能问题
    提高 DHTML 页面性能
    vue请求本地json数据
    vuejs绑定img 的src
  • 原文地址:https://www.cnblogs.com/wjshan0808/p/3086548.html
Copyright © 2011-2022 走看看