25.字符串

• 25.字符串
  • 1.字符串的不可变

1.字符串的不可变

指的是里面的值不可变, 虽然看上去可以改变内容, 但其实是地址变了, 内存中新开辟了一个内存空间

var str = 'abc';
str = 'hello';
// 当重新给str赋值的时候，常量'abc'不会被修改，依然在内存中
// 重新给字符串赋值，会重新在内存中开辟空间，这个特点就是字符串的不可变
// 由于字符串的不可变，在大量拼接字符串的时候会有效率问题
var str = "";
for(var i=0;i<10000;i++){
  str += i;
}
console.log(str); // 这个结果需要花费大量时间来显示, 因为需要不断的开辟新的空间

2.获取字符串长度

var str = new String('Hello World');

// 获取字符串中字符的个数
console.log(str.length);

3.根据字符串返回位置

字符串所有的方法, 都不会修改字符串本身(字符串是不可变的), 操作完成会返回一个新的字符串

方法名	说明
indexOf('要查找的字符', 开始的位置)	返回指定内容在元字符串中的位置, 如果找不到就返回-1, 开始的位置是index索引号
lastIndexOf()	从后往前找, 只找第一个匹配的

4.根据位置返回字符(重点)

方法名	说明	使用
charAt(index)	返回指定位置的字符(index字符串的索引号)	str.charAt(0)
charCodeAt(index)	返回指定位置字符的ASCII码(index索引号)	str.charCodeAt(0)
str[index]	获取指定位置处字符	HTML, IE8+支持和charAt()等效

1).遍历所有的字符

 // 遍历所有的字符
  for(var i = 0;i<str.length;i++){
     console.log(str.charAt(i));
  }

2).统计出现次数最多的字符

        //  判断一个字符串 'abcoefoxyozzopp' 中出现次数最多的字符，并统计其次数。
        // o.a = 1
        // o.b = 1
        // o.c = 1
        // o.o = 4
        // 核心算法：利用 charAt() 遍历这个字符串
        // 把每个字符都存储给对象， 如果对象没有该属性，就为1，如果存在了就 +1
        // 遍历对象，得到最大值和该字符
        var str = 'abcoefoxyozzopp';
        var o = {};
        for(var i = 0;i<str.length;i++){
            var chars = str.charAt(i);
            if(o[chars]){
                o[chars]++;
            }else {
                o[chars] = 1;
            }
        }
        console.log(o);
        // 2.遍历对象
        var max = 0;
        var ch = '';
        for(var k in o){
            // k 是 属性名
            // o[k]是属性值
            if(o[k] > max){
                max = o[k];
                ch = k;
            }
        }
        console.log(max);
        console.log("出现最多的字符是:"+ ch);

5.字符串操作方法(重点)

方法名	说明
concat(str1, str2, str3...)	concat()方法用于连接两个或多个字符串. 拼接字符串, 等效于+, + 更常用
substr(start, length)	从start位置开始(索引号) , length 取的个数 重点记住这个
slice(start, end)	从start位置开始, 截取到end位置, end取不到(他们俩都是索引号)
substring(start, end)	从start位置开始, 截取到end位置, end取不到, 基本和slice相同, 但是不接受负值

6.替换replace和 split('分隔符')

• replace('被替换的字符', '要替换的字符') // 它只会替换第一个字符

• split('分隔符')   可以把字符转换为数组  前面我们学过 join 把数组转换为字符串

7.课下查阅

• toUpperCase() // 转换大写

• toLowerCaese // 转换小写

  ​

8.字符串对象的常见案例

字符串所有的方法，都不会修改字符串本身(字符串是不可变的)，操作完成会返回一个新的字符串

// 1 字符方法
charAt()    	//获取指定位置处字符
charCodeAt()  	//获取指定位置处字符的ASCII码
str[0]   		//HTML5，IE8+支持 和charAt()等效
// 2 字符串操作方法
concat()   		//拼接字符串，等效于+，+更常用
slice()    		//从start位置开始，截取到end位置，end取不到
substring() 	//从start位置开始，截取到end位置，  end取不到
substr()   		//从start位置开始，截取length个字符
// 3 位置方法
indexOf('要查找的字符', [起始的位置])   	//返回指定内容在原字符串中的位置
lastIndexOf() 	//从后往前找，只找第一个匹配的
// 4 去除空白   
trim()  		//只能去除字符串前后的空白
// 5 大小写转换方法
to(Locale)UpperCase() 	//转换大写
to(Locale)LowerCase() 	//转换小写
// 6 其它
search() 
replace()
split()

案例

1).substr截取字符串

// .截取字符串"我爱中华人民共和国"，中的"中华"
var s = "我爱中华人民共和国";
s = s.substr(2,2);
console.log(s);

2)."abcoefoxyozzopp"查找字符串中所有o出现的位置以及次数

        // 查找字符串"abcoefoxyozzopp"中所有o出现的位置以及次数
        // 核心算法：先查找第一个o出现的位置
        // 然后 只要indexOf 返回的结果不是 -1 就继续往后查找
        // 因为indexOf 只能查找到第一个，所以后面的查找，一定是当前索引加1，从而继续查找
        var str = "abcoefoxyozzopp";
        var index = str.indexOf("o");
        var num = 0;
        // console.log(index);
        while (index !== -1) {
            console.log(index);
            num++;
            index = str.indexOf("o", index + 1);
        }
        console.log("o出现的次数:" + num);

3).把字符串中所有的o替换成 *

        // 有一个字符串 'abcoefoxyozzopp'  要求把里面所有的 o 替换为 * 
        var str1 = 'abcoefoxyozzopp';
        while (str1.indexOf("o") !== -1){
            str1 = str1.replace("o","*");
        }
        console.log(str1);

4).把字符串中的所有空白去掉' abc xyz a 123 '

var s = '   abc       xyz  a    123   ';   
var arr = s.split(' ');
console.log(arr.join(''));

5).判断一个字符串中出现次数最多的字符，统计这个次数

        //  判断一个字符串 'abcoefoxyozzopp' 中出现次数最多的字符，并统计其次数。
        // o.a = 1
        // o.b = 1
        // o.c = 1
        // o.o = 4
        // 核心算法：利用 charAt(） 遍历这个字符串
        // 把每个字符都存储给对象， 如果对象没有该属性，就为1，如果存在了就 +1
        // 遍历对象，得到最大值和该字符
        var str = 'abcoefoxyozzopp';
        var o = {};
        for(var i = 0;i<str.length;i++){
            var chars = str.charAt(i);
            if(o[chars]){
                o[chars]++;
            }else {
                o[chars] = 1;
            }
        }
        console.log(o);
        // 2.遍历对象
        var max = 0;
        var ch = '';
        for(var k in o){
            // k 是 属性名
            // o[k]是属性值
            if(o[k] > max){
                max = o[k];
                ch = k;
            }
        }
        console.log(max);
        console.log("出现最多的字符是:"+ ch);

6).获取url中?后面的内容，并转化成对象的形式。

• 例如：http://www.itheima.com/login?name=zs&age=18&a=1&b=2

var url = 'http://www.itheima.com/login?name=zs&age=18&a=1&b=2';
// 获取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 obj = getParams(url);
console.log(obj);

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

作业

给定一个字符串如：“abaasdffggghhjjkkgfddsssss3444343”问题如下： 
1、 字符串的长度 
2、 取出指定位置的字符，如：0,3,5,9等 
3、 查找指定字符是否在以上字符串中存在，如：i，c ，b等 
4、 替换指定的字符，如：g替换为22,ss替换为b等操作方法 
5、 截取指定开始位置到结束位置的字符串，如：取得1-5的字符串
6、 找出以上字符串中出现次数最多的字符和出现的次数 
7、 遍历字符串，并将遍历出的字符两头添加符号“@”输出至当前的文档页面。