JavaScript 之 String 对象

String 对象

　　之前学习的是 基本数据类型 String 类型，现在讨论的是 String对象（包装类型）。

String的特点：字符串的不可变性。

var str = 'abc';
str = 'hello';

　　　　分析上面两行代码，起初给 str 赋值为 'abc'。当重新给 str 赋值的时候，常量 ‘abc’ 不会被修改，依然在内存中。

　　　重新给字符串赋值，会重新在内存中开辟空间，这个特点就是字符串的不可变。

　　　注意：由于字符串的不可变，在大量拼接字符串的时候会有效率问题。

创建字符串对象

var str = new String('Hello World');      // 通过构造方法来创建字符串对象

　　

常用方法

　　注意：字符串的所有的方法，都不会修改字符串本身（字符串是不可变的），操作完成会返回一个新的字符串。

　　1、字符方法

charAt()                     // 获取指定位置处字符
charCodeAt()                 // 获取指定位置处字符的 ASCII 码
str[0]                       // HTML5 的方法，IE8+支持，同 charAt() 方法

　　2、字符串操作方法

concat()                     // 拼接字符串，等效于+，+更常用
slice()                      // 从 start位置开始，截取到 end 位置，end 取不到
substring()                  // 返回一个字符串在开始索引到结束索引(不包括)之间的一个子集, 或从开始索引直到字符串的末尾的一个子集。
substr(index,length)         // 返回一个字符串中从指定位置开始到指定字符数的字符(length省略，到字符串末尾)

　　3、位置方法

indexof()                    // 返回调用它的 String 对象中第一次出现的指定值的索引，如果没有，返回 -1
lastIndexof()                // 返回指定值在调用该方法的字符串中最后出现的位置，如果没找到则返回 -1,从该字符串的后面向前查找

　　4、去除空白

trim()                       // 只能去除字符串前后的空白

　　5、大小写转换方法

to(Local)UpperCase()         // 转换为（本地）大写
to(Local)LowerCase()         // 转换为（本地）小写

　　6、其他方法

search()                     // 返回正则表达式在字符串中首次匹配项的索引;否则，返回 -1
replace(regexp,substr)       // 返回一个由替换值替换一些或所有匹配的模式后的新字符串。模式可以是一个字符串或者一个正则表达式，替换值可以是一个字符串或者一个每次匹配都要调用的回调函数

split()                      // 指定的分隔符字符串将一个String对象分割成字符串数组
fromCharCode()               // 返回由指定的UTF-16代码单元序列创建的字符串(将 ASCII 码转换为字符串)

　　

案例：

　　1、查找字符串中所有o出现的位置。

 var s = 'abcoefoxyozzopp';
 var array = [];
 do {
   var index = s.indexOf('o', index + 1);
   if (index != -1) {
     array.push(index);
   }
 } while (index > -1);
 console.log(array);

　　2、把字符串中所有的o替换成！

 var s = 'abcoefoxyozzopp';
 var index = -1;
     do {
       index = s.indexOf('o', index + 1);

       if (index !== -1) {
         // 替换
         s = s.replace('o', '!');
       }
     } while(index !== -1);
     console.log(s);

　　3、判断一个字符串中出现次数最多的字符，统计出现次数

 　　var s = 'abcoefoxyozzopp';
     var ch;
     // 此字符出现的次数
     var num;
     // 记录字符串中每一个字符出现的次数
     var o = {}; 

     for (var i = 0; i < s.length; i++) {
       var item = s.charAt(i);
       if (o[item]) {
         // 已经有该属性，+1
         o[item]++;
       } else {
         // 对象中没有该属性
         o[item] = 1;
       }
     }

      // 2 求最大值 并且找到次数最多的字符
      // 假设最大值是1
      num = 1;
      for (var key in o) {
        if (num < o[key]) {
         // 最多的次数
          num = o[key];
          // 次数最多的字符
          ch = key;
        }
      }

      console.log(num);
      console.log(ch);
      

　　4、获取 url 后面的参数

 // 获取url后面的参数
     function getParams(url) {
       // 获取? 后面第一个字符的索引
       var index = url.indexOf('?') + 1;
       // url中?后面的字符串 name=zs&age=18&a=1&b=2
       var params = url.substr(index);
       // 使用& 切割字符串 ，返回一个数组
       var arr = params.split('&');
       var o = {};
       // 数组中每一项的样子 key = value
       for (var i = 0; i < arr.length; i++) {
         var tmpArr = arr[i].split('=');
         var key = tmpArr[0];
         var value = tmpArr[1];

         o[key] = value;
       }
       return o;
     }
     var url = 'http://www.baidu.com/login?name=zs&age=18&a=1&b=2';
     var obj = getParams(url);
     console.log(obj);

     console.log(obj.name);
     console.log(obj.age);