js上 十八、字符串

时间:2021-07-03 18:49:50

十八、字符串

#18.1.认识字符串

#什么是字符串

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

#为什么

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

#18.2.创建字符串

ü 字面量方式

ü new方式

字面量方式:

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

js上 十八、字符串

new方式

js上 十八、字符串

#18.3.字符串的基本操作

#字符串的length属性

语法:str.length

功能:表示字符串的长度,字符的个数

说明:字符串的长度只能获取不能设置;但数组的长度既可以获取,也可以设置;

js上 十八、字符串

js上 十八、字符串

#访问字符串中的字符 (索引即下标)

语法:str[下标]

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

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

js上 十八、字符串

#遍历字符串

js上 十八、字符串

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

#18.4.字符串的方法

#1.字符串的查找

#1.1.charAt()

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

​ 语法:str.charAt(index);

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

​ 返回值:对应位置的字符;

js上 十八、字符串

#1.2.indexOf()

功能:查找目标值在字符串中的位置(从前往后找)

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

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

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

​ 返回值:找到返回下标,找不到返回-1

js上 十八、字符串

#1.3lastIndexOf()

功能:查找目标值在字符串中的位置(从后往前找)

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

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

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

​ 返回值:找到返回下标,找不到返回-1

js上 十八、字符串

#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支持负值,负值可以从后往前数,找到对应的下标;

js上 十八、字符串

#substr()

语法:str.substr(start,count)

​ 功能:从start下标开始,截取count个字符

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

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

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

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

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

js上 十八、字符串

#substring();

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

​ 功能:从start下标开始截取到end下位;(不包含end);

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

​ 说明:1)substring不支持负值,如果遇到负值或NaN直接转0

3)自动将小值作为开始下标,大值作为结束下边;

js上 十八、字符串

#3.字符串的合并 concat

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

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

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

js上 十八、字符串

#4.字符串的替换 replace

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

​ 功能:字符的替换

​ 说明:只能替换第一个

js上 十八、字符串

#5.字符串大小写转换

#转大写 toUpperCase();

语法:str.toUpperCase();

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

js上 十八、字符串

#转小写 toLowerCase();

语法:str.toLowerCase();

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

js上 十八、字符串

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

语法:str.trim();

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

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

js上 十八、字符串

#7. 字符串转数组

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

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

js上 十八、字符串

#小结:

\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