[TOC] # 基本包装类型  # 6.2字符串的不可变  # 6.3根据字符返回位置 （查字，搜索字） 字符串所有的方法,都不会修改字符串本身(字符串是不可变的) ,操作完成会返回一个新的字符串。 | 方法名 | 说明 | | --- | --- | | indexOf(**'要查找的字符', 开始的位置**） | 返回指定内容在元字符串中的位置，如果找不到就返回-1,开始的位置是的位置) | | lastIndexOf() | 从后往前找，只找第一个匹配的 | ## //字符串对象 根据字符返回位置 str.indexOf( '要查找的字符'，默认是\[起始的位置\]) var str = '改革春风吹满地，春天来了'; console.log(str.indexOf('春')); console.log(str.indexOf('春'，**3**)); //**从索引号是3的位置开始往后查找** # 案例:返回字符位置 （面试） 查找字符串" abcoefoxyozzopp"中所有o出现的位置以及次数 案例分析 查找字符串" abcoefoxyozzopp"中所有o出现的**位置**（indexOf）以及次数 ①核心算法:先查找第一个o出现的位置 ②然后只要indexOf返回的结果不是-1就继续往后查找 ③因为indexOf只能查找到第一个,所以后面的查找,利用第二个参数,当前索引加1 ,从而继续查找 ~~~ //查找字符串”abcoefoxyozzopp"中所有o出现的位置以及次数 //核心算法:先查找第一个o出现的位置 //然后只要indexOf返回的结果不是-1就继续往后查找 //因为indexOf只能查找到第一个，所以后面的查找，一定 是当前索引加1，从而继续查找 var str = "oabcoefoxyozzopp" ; 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); //输出这个结果 //课后作业['red', 'blue', 'red', 'green', 'pink','red'], 求red 出现的位置和次数 ~~~ # 6.4根据位置返回字符(重点) | 方法名 | 说明 | 使用 | | --- | --- | --- | | charAt(index) | 返回指定位置的字符(index字符串的索引号) | str.charAt(0) | | charCodeAt(index) | 获取指定位置处字符的ASCII码 (index索引号) | str.charCodeAt(0) | | str\[index\] | 获取指定位置处字符 | HTML5, IE8+支持和charAt()等效 | ## //根据位置返回字符 ### // 1. charAt(index) 根据位置返回字符 遍历就是 全部内容输出一遍 ~~~ var str='andy' ; console.log(str.charAt(3)); //遍历所有的字符 for(vari=0;i<str.length;i++){ console.log(str.charAt(i)); } ~~~ ### // 2. charCodeAt(index) 返回相应索引号的字符ASCII值目的: 判断用户按下了那个键 ~~~ var str='andy' ; console.log(str.charCodeAt(0)); // 97 ~~~ ### // 3. str\[index\] H5新增的 ~~~ console.1og(str[e]); // a ~~~ # 6.5字符串操作方法(重点) | 方法名 | 说明 | | --- | --- | | concat(str1,str2,str3...) | concat()方法用于连接两个或多个字符串。拼接字符串,等效于+, +更常用 | | substr(start,length) | 从start位置开始(索引号)，length 取的个数重点记住这个 | | slice(start, end) | 从start位置开始，截取到end位置, end取不到(他们俩都是索引号) | | substring(start, end) | 从start位置开始，截取到end位置，end取不到基本和slice 相同但是不接受负值 | ## //字符串操作方法 （字符串连接） ~~~ // 1. concat('字符串1', '字符串2'....) varstr='andy'; console.log(str.concat( 'red' )); ~~~ ## // 2. substr('截取的起始位置'， '截取几个字符'); （截文字 重点） ~~~ var str1 = '改革春风吹满地' ; console.log(str1.substr(2, 2)); //第一个2是索引号的2从第几个开始第二个2 是取几个字符 ~~~ ## // 1.**替换字符**replace('被替换的字符'，'替换为的字符') 它只会替换第一个字符 ~~~ var str ='andyandy' ; console.log(str.replace('a', 'b')); //有一个字符串' abcoefoxyozzopp' 要求把里面所有的0替换为* var str1 ='abcoefoxyozzopp' ; while (str1.indexOf('o') !== -1) { str1 = str1.replace('o','*'); //求把里面所有的0替换为* } console.log(str1); ~~~ ## // 2.**字符转换为数组**split('分隔符') 前面我们学过join 把数组转换为字符串 ~~~ // 以特定符号为标志 转换为 数组 var str2 = 'red, pink, blue ' ; console .1og(str2.split(',')); var str3 = ' red&pink&blue ' ; console .1og(str3.split('&')); ~~~ # 6.8课下查阅 ●toUpperCase( )//转换大写 ●toLowerCase( ) //转换小写 # 案例:返回字符位置 ## 判断一个字符串'abcoefoxyozzopp'中出现次数最多的字符,并统计其次数。 ## 案例分析-案例:核心算法 判断-个字符串'abcoefoxyozzopp'中出现次数最多的字符,并统计其次数。 ①核心算法:利用charAt()遍历这个字符串 ②把每个字符都存储给对象，如果对象没有该属性,就为1 ,如果存在了就+1 ③遍历对象,得到最大值和该字符 ~~~ // 判断一个字符串' abcoefoxyozzopp' 中出现次数最多的字符，并统计其次数。 //o.a=1 //o.b=1 //0.C=1 //0.0=4 //核心算法:利用charAt() 遍历这个字符串 //把每个字符都存储给对象， 如果对象没有该属性，就为1，如果存在了就+1 //遍历对象，得到最大值和该字符 var str = ' abcoefoxyozzopp' ; var0={}; for(vari=0;i<str.length;i++){ var chars = str.charAt(i); // chars 是字符串的每一个字符 if (o[chars]) { // o[chars] 得到的是属性值 o[chars]++; } else { o[chars] = 1; } console.1og(o); ~~~ [//2.遍历对象](https://2.xn--jmro0rgm6bxjd/)得到最大值和该字符 ~~~ varmax=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); ~~~