1.字符串的常用方法
例:let str = 'helloworld' console.log(str.length) //打印出来就是 10 表示字符串的长度
2:CharAt()方法,根据字符串的索引(下标),获取对应的字符,注意:索引从0开始
例:let str = 'HelloWorld' let str1 = str.CharAt(4) console.log(str1) //打印出来是o ,因为索引是从0开始,所以H是对应的是0,而且4对应的就是o。注意: let str1 = str.CharAt(4)也可以写成=>let str1 = str[4]
3:CharCodeAt()方法,用于获取字符串中指定位置字符串,返回的是该字符串的Unicode编码
例:let s2 = 'Helloworld' console.log(s2.charCodeAt(0)); //返回的是72,这里的72所对应的就是H的Unicode编码。注意比较常见的Unicode编号:A->65 a->97 。
4:concat()方法,用于拼接字符串,通常情况下,我们可以直接用‘+’号去拼接,注意:该方法可以同时拼接多个字符串。
例:let str = '张三' let str1 = '你好' let str2 = str.concat(str1) console.log(str2) //控制台最后打印的是:张三你好 或者还可以用这种方法 let str2 = str + str1 =>得到的结果也是:张三你好
5:fromCharCode()方法,用于将指定的Unicode编号,转为指定的字符串,注意该方法要有String类型调用。比如:A->65 a->97 。
例:console.log(String.fromCharCode(65)); =>打印出来是A 因为A的Unicode编号是65,所以Unicode编号65返回的值是A
6:indexOf()方法,用于从字符串中返回指定字符串第一次出现的位置,注意索引从0开始,找不到这个字符串返回-1
例:let str = 'helloworld' console.log(str.indexOf('e')) =>1(因为从0开始,所以e的索引位置是1) console.log(str.indexOf('z')) =>-1(因为helloworld里面不包含'z' 所以indexOf的结果是-1,表示没有这个字符
7:lastIndexOf()方法,从后往前找指定字符串,找到后,下标(索引位置)从前往后数,如果找不到返回-1
例: let str1= 'abc你好ccc你好ddd你好eee' console.log(str1.lastIndexOf('你好')); =>这里返回的位置是13 ,因为从后往前数到第一个你好时,从头开始数索引正好是13.
8:slice()方法,用于截取指定区间范围内的字符串,该方法需要传两个参数,分别是起始位置和结束位置,能够取到起始位置,取不到结束位置,注意:slice()方法的参数,可以传负数,表示从后往前数索引,
例:let str1= 'abc你好ccc你好ddd你好eee' console.log(str1.slice(3,6)) =>'你好c' 因为取不到结束的位置所以我们只能取到6位置前面的以为5的所对因的字符串c;
⑵如果只传一个参数。从起始位置往后全部截取:比如conso.log(str1.slice(3))=>'好ccc你好ddd你好eee' 因为你如果不传结束位置,系统自动默认你起始位置后面的全部截取;
⑶slice()方法的参数,可以传负数,表示从后往前数索引。比如console.log(str1.slice(-6,-3))=>'d你好' 因为起始位置是-6所以从后往前数6位,注意:负数没有0.所以第一位是-1,-6对应的是d,但是结束位置是取前的,因为取不到自身,所以我们只能取到-4,对应的‘号’而不是-3对应的‘e’
9:substring()方法,和8的slice()方法一样,唯一不同的是slice()方法可以取负数,但是substring()这个方法没法取负数。
10:substr()方法,用于截取字符串,该方法也需要传两个参数,不过和slice()方法以及substring()方法不同的是,substr()的第一个值是起始的位置,第二个值是截取的长度。
例:let str1= 'abc你好ccc你好ddd你好eee' console.log(str1.substr(3,6)=>'你好ccc你' ,因为6是截取的长度,所以是你好ccc你。
11:toLowerCase()方法,用于将字符串转为小写版本和toUpperCase()方法,用于将字符串转为小写版本
例 :let str2 = 'AbCdEfG' console.log(str2.toLowerCase())=>'abcdefg' console.log(str2.toUpperCase())=>'ABCDEFG'
12:trim()方法,用于去除字符串两端的空格,注意只能去掉两端的空格去不掉字符串中间的
例:let str = ' abc efg ' console.log(str.length())=>12 因为空格也是算字符 console.log(str.trim().length)=>8 因为只能去掉头和尾的4个空格,中间的去不掉,所以length是8
13:补充一点;字符串的split()方法,可以把字符串打散成数组,该方法参数是用原始字符串例的分隔字符串;如果不传参数,表示将整个字符串转为一个长度为1的数组
下面我们可以通过3个小练习来熟悉字符串方法的应用
1.输入邮箱地址,验证邮箱格式是否正确
如图:
2.输入登录名和密码,要求登录名长度为2-4位,密码长度是6-10位,用户名不能是全数字
如图:
3.输入手机号码,要求长度必须是11位,第一位必须是1,后面的必须是数字
如图:
2.数组是什么:
// 数组:就是在内层中,开辟一段连续的空间,存储一组数据
// 如果需要维护多组数据,之前我们需要定义很多个变量,维护起来会比较麻烦
let score1 = 55
let score2 = 66
let score3 = 77
let score4 = 88
let score5 = 99
// 通过变量名获取变量中保存的数据
let sum1 = score1+score2
console.log(sum1);
console.log('--------------------');
// 现在可以通过一个数组统一维护
let scores = new Array(5) //创建一个长度为5的数组空间(在内存中连续开辟了一个长度为5的存储空间)
// console.log(scores);
//通过数组的下标,往数组中存储数据
scores[0]=55
scores[3]=66
// 通过数组的下标,从数组的指定空间里面获取数据
let sum2 = scores[0] + scores[3]
console.log(sum2);
console.log(scores);
console.log('-----------------');
// 注意:在其他的编程语言中,定义数组时,必须要明确数组的长度,但是,js中不需要。
// 在js中,数组的长度是弹性的。
let scores2 = new Array()
scores2[0] = 55
scores2[8] = 66
console.log(scores2);
console.log('--------------');
// 在js中,定义数组有两种方式:1.采用数组的构造结构函数new. 2.使用字面量直接赋值
let scores3 = new Array('苹果','香蕉')
console.log(scores3);
let scores4 = ['葡萄','榴莲']
console.log(scores4);
// length属性,返回数组的长度
console.log(scores4.length);
出来在控制台的效果如图:
数组的常用方法:
1:concat()方法,用于合并两个或多个数组,方法和字符串的concat()方法一样
let arr1 = [11,22,33]
let arr2 = [44,45,46] let arr3 = arr1.concat(arr2)
console.log(arr3)=>[11,22,33,44,55,66]
在控制台的效果如图:
2:copyWithin()方法从数组的指定位置拷贝元素到数组的另一个指定位置中, 注意:第一个参数是目标位置,第二个参是拷贝元素的起始位,第三个参数是拷贝元素的结束位置 ,如果不设置第三个参数,拷贝元素结束位置就是目标位置的前一位
例:let arr4 = [11,22,33,44,55,66,77,88]
arr4.copyWithin(2,4,7)
console.log(arr4)=>[11,22,55,66,77,66,77,88]
效果图如下:
因为2是目标位置(这里的目标位置不是固定的一个数),
所以要更换33所在的位置,4是复制的起始位置,而5是复制的结束位置,但是取前不取后,所以复制不到5所在的66,只能复制4所在的55,然后用55去更换33,同理可得 如果arr4.copyWithin(2,4,6)=>[11,22,55,66,55,66,77,88]。
效果图如下:
3:fill()方法,使用一个固定值来填充数组
例:let arr1 = new Array(5); arr1.fill(50); console.log(arr1)=>[50,50,50,50,50]
效果图如下:
4:includes()方法,从数组中检查指定的数据是否存在,存在返回true,不存在返回false
例:let arr6 = [11,22,33,44,55,44,77,88];console.log(arr6.includes(44))=>true(因为44在 数组中存在所以发挥true);console.log(arr6.includes(99))=>false (因为99数组中不存在,所以返回false)
5;indexOf()和lastIndexOf()这两种方法和字符串的indexOf();lastIndexOf()的方法是一样的,从数组中检查指定数组的位置,如果不存在就返回-1,不同的是indexOf()是从前往后找,lastIndexOf()是从后往前找,找到后,索引从前往后数。
6:isArry()方法,用于检查指定的对象,是不是数组,注意:该方法需要Array调用
例:let str = '123456'; Array.isArray(str) 返回false (因为'123456'是字符串所以返回false)
let str1=[11,22,33,44];Array.isArray(str1)=>true
7:join()方法,用于将一个数组根据某个字符串拼接成字符串,该方法不传参数,默认是根据逗号拼接
例:let arr6 = [11,22,33,44,55,44,77,88];console.log(arr6.join(''))=>'1122334455667788'字符串,注意:如果join()里面没有任何东西就变成=>11,22,33,44,55,66,77,88 因为如果join()里面不传任何参数,则默认用逗号拼接。
8:push()方法,向数组的末尾添加一个或者多个数组,并返回新的长度,如图
我们可以let一个数组,然后再push(44)最后console.log(arr7)
效果如图:
push(44)后,数组的长度就变成了5
9:pop()方法,删除数组的最后一个元素并返回删除的元素 如图;
pop()默认删除数组的最后一个数组
如图:
pop()后原来的数组就只剩了[11,12],而且数组的长度也变成了2
10:unshift()方法,向数组的开头添加一个或更多元素,并返回新的长度
例 let arr7=[11,22,33];arr7.unshift(55)=>console.log(arr7)=>[55,11,22,33],数组的长度也有3变成了4
11:shift()方法,删除并返回数组的第一个元素
例;arr7=[55,11,22,33];arr7.shift()=>console.log(arr7)=>[11,22,33]删掉原来的第一个元素的同时,数组长度也有4变成了3
12:reverse()方法,反转数组的顺序
例:let arr1=[11,22,33];console.log(arr1.reverse())=>[33,22,11]
13:slice()方法,选取数组的一部分,并返回一个新数组 注意:该方法的第一个参数是起始位置,第二个参数是结束位置(取不到结束位置) 第二个参数可以省略,表示从起始位置到最后全部返回 这个方法和字符串的slice()方法的使用方法一样,注意:索引的位置都是从0开始,如图:
如果只传一个参数,默认从起始位置一直截取到最后
效果如下:
14:splice()方法,从数组中添加或删除元素
如何删除,该方法需要传两个参数:第一个是起始位置,第二个是删除长度
如果第二个参数不传,就表示从起始位置往后全部删除
删除方法,删除的是原始数组里面的数据,返回的是删除的数据
该方法也可以传三个参数,第三个参数就是删除部分插入的新内容
例:let str = [11,22,33,44,55,66,77,88,99]
如何删除:str.splice(3,4)=>console.log(str)=>[11,22,33,88,99]
如何添加:str.splice(4,0,'哈哈')=>console.log(str)=>[11, 22, 33, 44, '哈哈', 55, 66, 77, 88, 99]
15;tostring()和join()不传参数是一样的