前端课程第二阶段3.字符串

1、字符串课程介绍1.字符串（1）定义字符串就是零个或多个排在一起的字符，放在单引号或双引号之中。注意：单引号字符串的内部，可以使符串的内部，可以使用单引号。引号。双引号字如果要在单引号字符串的单引号（或者在双引号字符串的双引号），就必须在内部的单引号（或者双引号）前面加上反斜杠，用来转义。'Did she say o'?'"Did she say "o"?"1.字符串（2）字符串默认只能写在一行内，分成多行将会报错。'a b c如果长字符串必须分成多行，可以在每一行的尾部使用反斜杠。var longString = &quo

2、t;Long long long string"1.字符串连接运算符（+）可以连接多个单行字符串，用来模拟多行字符串。var longString = 'Long '+ 'long '+ 'long '+ 'string'1.字符串（3）转义n 换行符r 回车键' 单引号" 双引号（4）length属性length属性返回字符串的长度，该属性也是无法改变的。var s = 'o's.length / 5（5）Base64转码JavaScript原生提供两个Base64相关方法。btoa(

3、)：字符串或二进制值转为Base64编码atob()：Base64编码转为原来的编码var string = 'o World!'btoa(string) / "SGVsbG8gV29ybGQh"atob('SGVsbG8gV29ybGQh') / "o World!"3.（1） length属性该属性返回字符串的长度。（2） charAt 和 charCodeAt 方法charAt方法返回一个字符串的给定位置的字符，位置从0开始var s = new String(“abc");（3）concat方法s.cha

4、rAt(1) / "b"字符串的concat方法用于连接两个字符串。var s1 = 'abc' var s2 = 'def's1.concat(s2) / "abcdef"3.（4）substring方法，substr方法和slice方法这三个方法都用来返回一个字符串的子串，而不会改变原字符串。它们都可以接受一个或两个参数，区别只是参数含义的不同1）substring方法substring方法的第一个参数表示子字符串的开始位置，第二个位置表示结束结果。因此，第二个参数应该大于第一个参数。如果出现第一个参数大于第二个参数的

5、情况，substring方自动更换两个参数的位置。var a = 'The Three Musketeers'a.substring(4, 9) / 'Three' a.substring(9, 4) / 'Three'缺省第二个参数值时都到字符串尾部slice (开始位置，子字符串的后一个位置)数小于前面(返回空) 负数(与字符串长度相加)后面参substr (开始位置，截取的个数) 负数(第一个加长度，第二个直为0);substring (开始位置，子字符串的后一个位置)后面参数小于前面(交换位置) 负数(所有的负值全部置为0）3.（4）su

6、bstring方法，substr方法和slice方法2）substr方法substr方法的第一个参数是子字符串的开始位置，第二个参数是子字符串的长度。var b = 'The Three Musketeers' b.substr(4, 9) / 'Three Mus'b.substr(9, 4) / ' Mus'3.（4）substring方法，substr方法和slice方法3）slice方法slice方法的第一个参数是子字符串的开始位置，第二个参数是子字符串的结束位置。与substring方法不同的是，如果第一个参数大于第二个参数，slice

7、方法并不会自动调换参数位置，而是返回一个空字符串var c = 'The Three Musketeers' c.slice(4, 9) / 'Three'c.slice(9, 4) / ''3.（4）substring方法，substr方法和slice方法注意：如果只有一个参数对这三个方法来说，第一个参数都是子字符串的开始位 置，如果省略第二个参数，则表示子字符串一直持续到原字符串结束"""o World”.slice(3)o World”.substr(3/ "lo World"/ "

8、;lo World"o World”.substring(3)/ "lo World"3.（4）indexOf 和 lastIndexOf 方法这两个方法用于确定一个字符串在另一个字符串中的位置，如果返回-1，就表示不匹配。两者的区别在于，indexOf从字符串头部开始匹配，lastIndexOf从尾部开始匹配。"/ 4 "/ 7o world".indexOf("o")o world".lastIndexOf("o")3.（5）indexOf 和 lastIndexOf 方法它们还可

9、以接受第二个参数，对于indexOf，表示从该位置开始向后匹配；对于lastIndexOf，表示从该位置起向前匹配。"/ 7 "/ 4o world".indexOf("o", 6)o world".lastIndexOf("o", 6)3.（6）trim 方法该方法用于去除字符串两端的空格。"/ "o world".trim()o world”该方法返回一个新字符串，不改变原字符串。3.（7）toLowerCase 和 toUpperCase 方法toLowerCase用于将一个字符

10、串转为小写，toUpperCase则是转为大写。3.（8）pare方法该方法用于比较两个字符串。它返回一个数字，如果小于0，表示第一个字符串小于第二个字符串；如果等于0，表示两者相等；如果大于0，表示第一个字符串大于第二个字符串。3.（9）搜索和替换match：用于确定原字符串是否匹配某个子字符串，返回匹配的子字符串数组。search：等同于match，但是返回值不一样。 replace：用于替换匹配的字符串。split：将字符串按照给定规则分割，返回一个由分割出来的各部分组成的新数组。3.（9）搜索和替换match方法match方法返回一个数组，成员为匹配的第一个字符串。如果没有找到匹配，则

11、返回null。返回数组还有index属性和input属性，分别表示匹配字符串开始的位置（从0开 始）和原始字符串。var matches = "cat, bat, sat, fat".match("at"); matches / "at"matches.index / 1matches.input / "cat, bat, sat, fat"3.（9）搜索和替换search方法search方法的用法等同于match，但是返回值为匹配的第一个位置。如果没有找到匹配，则返回-1。"cat, bat, sat, fat".search("at")/ 13.（9）搜索和替换replace方法replace方法用于替换匹配的子字符串，一般情况下只替换第一个匹配（除非使用带有g修饰符的正则表达式）。 "aaa".replace("a", "b")/ "baa"3.（9）搜索和替换split方法split方法按照给定规则分割字符串，返回一个由分割出来的各部分组成的新数组。&quo