1.1 基本包装类型

为了方便操作基本数据类型，JavaScript还提供了三个特殊的引用类型：String、Number和Boolean
基本包装类型就是把简单数据类型包装成为复杂数据类型，这样基本数据类型就有了属性和方法

var str = 'andy';
console.log(str.length); // 4
// 对象才有属性和方法 复杂数据类型才有属性和方法
// 简单数据类型为什么会有length属性呢？
// 基本包装类型：就是把简单数据类型包装成了复杂数据类型
// (1) 把简单数据类型包装为复杂数据类型
var temp = new String('andy');
// (2) 把临时变量的值给str
str = temp;
// (3) 销毁这个临时变量
temp = null;

1.2 字符串的不可变

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

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

1.3 根据字符返回位置

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

// 字符串对象 根据字符返回位置 str.indexOf('要查找的字符', [其实的位置])
var str = '改革春风吹满地, 春天来了';
console.log(str.indexOf('春')); // 9
console.log(str.indexOf('春', 3)); // 2 从索引号是3的位置开始往后查找

1.3.1 案例：返回字符位置

查找字符串”abcoefoxyozzopp”中所有o出现的位置以及次数

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); // o出现的次数是: 4

1.3.2 课后作业 [‘red’, ‘blue’, ‘red’, ‘green’, ‘pink’, ‘red’],求red出现的位置和次数

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

// 1. charAt(index) 根据位置返回字符
var str = 'andy';
console.log(str.charAt(3)); // y
// 遍历所有的字符
for (var i = 0; i < str.length; i++) {
    console.log(str.charAt(i));
}
// 2. charCodeAt(index) 返回相应索引号的字符ASCII值 目的：判断用户按下了哪个键
console.log(str.charCodeAt(0)); // 97
// str[index] H5新增的
console.log(str[0]); // a

1.4.1 判断一个字符串”abcoefoxyozzopp”中出现次数最多的字符，并统计其次数

1. 核心算法：利用charAt()遍历这个字符串
   2. 把每个字符都存储给对象，如果对象没有该属性，就为1，如果存在了就+1
   3. 遍历对象，得到最大值和该字符 ```javascript var str = “abcoefoxyozzopp”; var o = {}; for (var i = 0; i < str.length; i++) { var chars = str.charAt(i); // chars是字符串的每一个字符 if (o[chars]) { // o[chars]得到的是属性值

    o[chars]++;

   } else {

    o[chars] = 1;

   } } console.log(o); // {a: 1, b: 1, c: 1, o: 4, e: 1, …}

// 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); // 4 console.log(‘最多的字符是’ + ch); // 最多的字符是o

<a name="SXIK5"></a>
# 1.5 字符串操作方法(重点)
| 方法名 | 说明 |
| --- | --- |
| concat(str1, str2, str3...) | concat()方法用于连接两个或多个字符串。拼接字符串，等效于+, +更常用 |
| substr(start, length) | 从start位置开始(索引号)，length取的个数  |
| slice(start，end) | 从start位置开始，截取到end位置,end取不到(他们俩都是索引号 |
| substring(start, end) | 从start位置开始，截取到end位置，end取不到 基本和slice相同 但是不接受负值 |
```javascript
// 1. concat('字符串1', '字符串2'...)
var str = 'andy';
console.log(str.concat('red')); // andyred
// 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' 要求把里面所有的o替换为*
var str1 = 'abcoefoxyozzopp';
while (str1.indexOf('o') !== -1) {
    str1 = str1.replace('o', '*');
}
console.log(str1); // abc*ef*xy*zz*pp
// 字符转换为数组 split('分隔符')
var str2 = 'red, pink, blue';
console.log(str2.split(',')); // (3) ['red', ' pink', ' blue']
var str3 = 'red&pink&blue';
console.log(str3.split('&')); // (3) ['red', ' pink', ' blue']