js上 十八、字符串

十八、字符串

#18.1.认识字符串

#什么是字符串

字符串可以是引号中的任意文本。字符串可以由双引号（"）或单引号（'）表示 ，如 ‘hello’ ， “中国”

#为什么

当我们需要对某些事物进行描述时，就需要用文本，如果不给文本加引号，它就成了非法字符。而且在实际开发过程中，我们会频繁的操作字符串；所以我们需要一些快捷的方法，来实现对字符串的操作

#18.2.创建字符串

ü 字面量方式

ü new方式

字面量方式：

直接使用引号引用即可。单双引号都行。

new方式

#18.3.字符串的基本操作

#字符串的length属性

语法：str.length

功能：表示字符串的长度，字符的个数

说明：字符串的长度只能获取不能设置；但数组的长度既可以获取，也可以设置；

#访问字符串中的字符 （索引即下标）

语法：str[下标]

功能：获取字符串中指定下标的字符

参数：下标从0开始；最大下标为str.length-1

#遍历字符串

注意：字符串一旦创建，任何的方法都不可以修改这个字符串;

#18.4.字符串的方法

#1.字符串的查找

#1.1.charAt()

功能：查找字符串中指定位置的字符;

​ 语法：str.charAt(index);

​ 参数：index表示位置(下标)

​ 返回值：对应位置的字符；

#1.2.indexOf()

功能：查找目标值在字符串中的位置（从前往后找）

​ 语法：str.indexOf(target,index);

​ 参数：target:查找目标值 ，index:开始查找的位置

​ 说明：index可以省略，如果省略默认从下标0开始找

​ 返回值：找到返回下标，找不到返回-1

#1.3lastIndexOf()

功能：查找目标值在字符串中的位置（从后往前找）

​ 语法：str.lastIndexOf(target,index); //从index位置开始向前找target

​ 参数：target:查找目标值 ，index:开始查找的位置

​ 说明：index可以省略，如果省略默认从最后一个下标开始向前找

​ 返回值：找到返回下标，找不到返回-1

#2.字符串的截取

#slice()

功能：字符串的截取

​ 语法：str.slice(start,end);

​ 参数：start:开始截取的下标，end表示截取结束的下标（包含开始，不包含结束）

​ 返回值：截取到的字符串；

​ 说明：1)str.slice(start,end) //从start下标截取到end下标（不包含end）

​ 2)str.slice(start); 从start下标开始一直截取到最后

​ 3）str.slice();//全部截取

​ 4）slice支持负值，负值可以从后往前数，找到对应的下标；

#substr()

语法：str.substr(start,count)

​ 功能：从start下标开始，截取count个字符

​ 参数：start：开始下标， **count: ** 截取的个数

​ 返回值：截取到的字符串

​ 说明：1)str.substr(start,count); //从start下标开始，截count个字符

​ 2)str.substr(start);//从start下标开始一直截取到最后

​ 3)str.substr();//全部截取

#substring();

语法：str.substring(start,end);

​ 功能：从start下标开始截取到end下位；（不包含end）;

​ 返回值：截取到是字符串

​ 说明：1）substring不支持负值，如果遇到负值或NaN直接转0

3）自动将小值作为开始下标，大值作为结束下边；

#3.字符串的合并 concat

​ 语法：str1.concat(str2,str3,....);

​ 功能：将多个字符串拼接一个新的字符串

​ 返回值：返回一个新字符串

#4.字符串的替换 replace

语法：str.replace("被替换的字符","新替换字符");

​ 功能：字符的替换

​ 说明：只能替换第一个

#5.字符串大小写转换

#转大写 toUpperCase();

语法：str.toUpperCase();

​ 功能：将小写字母转为大写

#转小写 toLowerCase();

语法：str.toLowerCase();

​ 功能：将大写字符转小写

#6. 字符串的去前后导空格

语法：str.trim();

功能：去掉字符串前面和后面的空格

注意：中间的空格不能去掉

#7. 字符串转数组

语法：str.split(分隔符);

功能:将字符串转为数组；

#小结：

\1. 字符串的左右方法都不会修改原字符串

\2. 字符串和数组的公共方法：indexOf() lastIndexOf() slice() concat();

\3. 字符串转数组 split();

\4. 数组转字符串 join();

#作业：

1、 题目：var str='abc' 让字符串重复3遍，成为 str='abcabcabc'

思路：循环，拼接

2、题目：str='abc!123bd#e5&66';

//去掉字符串中的!、#、&字符，形成结果： 'abc123bde566 '

​ 思路1：找到 ！# & 的位置，然后截取 abc 123bd 等拼接

​ 思路2：遍历字符，判断，拼接

3、题目：str='abc!123bd#e5&66';中 #之前的 所有数字[].

形成结果str='abc![1][2][3]bd#e5&66'

​ 思路：将#前面的内容拿到，然后判断每一个字符，如果是数字，加上左右括号，否则字节拼接

4、题目：str = “I like learning javascript , I can”,截取字符串：先判断字符串中是否有javascript字符,如果没有res置为false，如果有则截取出javascript字符串

​ 思路：第二个单词，是第一个空格和第二个空格之间的内容，所以找到两个位置，截取

​ 第二个空格利用indexOf的第二个参数

5、题目：使用prompt弹出输入框，要求用户输入一个英文的语句，将输入语句的第二个单词截取出来 indexOf(target,index)

思路：利用indexOf判断是否存在，如果存在，利用substr截取

6、题目：补全代码题：给定字符串 str，检查其是否包含数字，包含返回 true，否则返回 false。

function containsNumber(str){

//不全代码

}

思路：遍历，判断每一个字符，如果是数字，返回true