ES-String篇

1 基本包装类型

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

2. String的特性

1. String是一个对象
2. 字符串可以看成是字符组成的数组,但是js中没有字符（char）类型
3. 字符是一个一个的,在别的语言中字符用一对单引号括起来
4. 在js中字符串可以使用单引号也可以使用双引号
5. 因为字符串可以看成是数组,所以,可以通过for循环进行遍历
6. 字符串特性:不可变性,字符串的值是不能改变
7. 字符串的值之所以看起来是改变的,那是因为指向改变了,并不是真的值改变了
8. .toString() 可以把别的类型转为字符串

3. 创建String实例

//1. 构造函数创建
	var a = new String('abc')
//2. 字面量
	var a = 'abc'

4. String的常用方法

4.1 查找字符串

《查找字符串》

方法	描述	使用
charAt(索引)	返回指定位置的字符	str.charAt(0)
charCodeAt(索引)	返回相应索引号的字符ASCII码	str.charCodeAt(0)
str[索引]H5新增	获取指定位置的字符	HTML5新增
.indexOf(字符串,[索引])	返回从给定的索引位置开始，查找到的字符串的索引，否则-1	str.indexOf('a', 2)
.lastindexOf(字符串)	返回从后向前找,给定的字符串的索引，否则-1	str.lastindexOf('b')
.startsWith("字符串")ES6	查询参此字符串是否在当前字符串的头部,返回布尔值	str.startsWith('a')
.endsWith("字符串")ES6	查询参数字符串是否在当前字符串的尾部，返回布尔值	str.endsWith('c')
.includes('字符串')ES6	判断字符串中有没有包含参数字符串,返回布尔值	str.includes('a')
.search('字符串')	查找字符串中有没有特定值，返回特定值索引	str.search('a')

3.2 拼接字符串

《拼接字符串》

序号	方法	参数	描述	返回值
1	.concat(字符串,...)	字符串列表	多个字符串拼接	新字符串
2（ES6）	.repeat(n)	数值	将当前字符串重复n次，然后拼接	新字符串
3（ES6）	.padStart(2,'a')	字符串	如果当前的字符串不足2位，那么就在字符串的前面填充一个'a'	新字符串
4（ES6）	.padEnd(2,'a')	字符串	如果当前的字符串不足两位，那么就在字符串的后面填充一个'a'	新字符串

3.3 替换字符串

《替换字符串》

序号	方法	参数	描述	返回值
1	.replace("原来的字符串","新的字符串")	字符串	替换字符串里面第一个符合条件的字符串；用正则全局，可以替换所有符合条件的字符串	新字符串

//1. 一般情况下替换掉的是第一个符合条件的元素
var b = 'abca'.replace('a', 'c')
console.log(b)
//输出结果：'cbca'
//=============================================================
//2. 用正则全局可以替换所有符合条件的字符串
var b = 'abca'.replace(/a/g, 'c')
console.log(b)
//输出结果：'cbcc'

3.4 切割字符串

《切割字符串》

序号	方法	参数	描述	返回值
1	.slice(开始索引,结束索引)	数值	从开始索引的位置开始截取,到结束索引前一个结束	新字符串
2	.split("字符串",切割后留下的个数)	字符串	从给定的字符串位置切割，切割的字符串存进数组，第二个参数可不写	数组
3	.substr(开始的索引,个数)	数值	从给定的索引处开始截取，截取给定的个数，没给个数则截取到最后	截取后的字符串
4	.substring(开始索引,结束索引)	数值	从开始索引的位置开始截取,到结束索引前一个结束	截取后的字符串
5	.trim()	无	切掉字符串两端的空格	新字符串

3.5 大小写转换

《字符串大小写转换》

序号	方法	参数	描述	返回值
1	.toLocaleLowerCase()	无	转小写	新字符串
2	.toLowerCase()	无	转小写	新字符串
3	.toLocaleUpperCase()	无	转大写	新字符串
4	.toUpperCase()	数值	转大写	新字符串

4. 模板字符串ES6

• 模板字符串，通常字符串都是用""双引号或者’'单引号包裹，模板字符串则用``反引号

• 模板字符串中可以加入变量，不需要拼接。在模板字符串中把变量放在${}中就可以了

          let name = "张三";
          console.log(`我的名字叫：${name}`)         
  

• 模板字符串中的内容如果是换行的，输出的时候还是换行状态，不会折叠

          let  hello = `大家好
                        我是张三`
  

• 模板字符串中可以调用函数，输出的结果为函数的返回值

       const fn = function() {return "哈哈哈，今天天气真好"}
       let  hello = `${fn () }哈哈哈`