字符串和数组

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.数组是什么:

出来在控制台的效果如图:


效果图

数组的常用方法:

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()不传参数是一样的

你可能感兴趣的:(字符串和数组)