六、字符串和数组

目录

一、字符串

二、数组

2.数组的方法

---

一、字符串

• length属性，返回的是字符串的长度

• charAt()方法，根据字符串中字符的索引(下标)获取对应的字符，注意：索引从0开始

let s1 = 'abcdefg'
console.log(s1.charAt(2))
//通过下标的方式，也能获取指定位置的字符串
sonsloe.log(s1[2])

• charCodeAt()方法，用于获取字符串中指定位置字符的Unicode编码值          大写的A，Unicode的编码是65，  小写的a，Unicode的编码是97

• concat()方法，用于拼接字符串，通常情况下，我们可以直接使用 加号 去拼接，该方法，可以同时拼接多个字符串数据            

  let s2 = '你'
  let s3 = '号'
  console.log(s2.concat(s3));      //结果是=> 你好
  //可以用+号拼接
  console.log(s2+s3);              //结果是=> 你好

• startsWith()   判断字符串是否满足指定的字符串开头的（区分大小写） 返回的是true 或false
• endsWith()    判断字符串是否满足指定的字符串结尾的（区分大小写） 返回的是true 或false

• fromCharCode()方法，用于将指定的Unicode编码转为指定字符，注意该方法是有String类型来调用的，该方法，可以传递多个Unicode编码                                                                                       

  console.log(String.fromCharCode(65));     //结果是=>A

• indexOf()方法，用于从字符串中返回指定字符串第一次出现的位置（注意：索引从0开始，找不到返回-1）

• lastIndexOf()方法，是从后往前找，找到后，下标是从前往后数（注意，如果找不到返回-1）

• includes() 方法，  查找指定的字符串是否包含在原始字符串中  （注意，返回true或false）

• repeat()方法，复制字符串指定次数，并将它们连接在一起返回  

  console.log('你好'.repeat(3));     //结果是=>你好你好你好

• substring()方法， 提取字符串中两个指定的索引号之间的字符      （第一个参数的是起始位置，第二个位置是结束位置 。 注意：能取到第一个参数，取不到第二个参数。取前不取后）    

  let s5 = 'abcdefgh'
  console.log(s5.substring(2,4));    //结果是=> cd
  console.log(s5.substring(4));      //只有一个参数时，表示从起始位置一直到结束位置==>efgh

• substr()方法， 从索引号提取字符串中指定数目的字符   第一个参数时起始位置，第二个参数         是截取长度  （注意也是取前不取后的）

• slice()方法，提取字符串中两个指定的索引号之间的字符串（索引号可以是负数）  slice()方法传负数，表示从后往前

• toLowerCase()方法，用于返回字符串转的小写版本，注意：不是改自身

• toUpperCase()方法，用于返回字符串的大写版本，注意：不是改自身

• trim()方法，用于去除字符串两端空格

• toString()方法，用于将其他类型的数据转为字符串

  let num = 100
  console.log(num.toString()+100)

  

  如果没有toString的话，结果就是200 ，                                                                                                      

练习题1：验证邮箱格式是否正确

 let email = prompt('请输入邮箱地址：')
    // 验证邮箱地址格式是否正确
    // 1.邮箱中必须包含@符号
    // 2.邮箱中必须包含.符号
    // 3.邮箱中的.符号必须在@符号的后面，而且中间至少隔一位
    // 比如：正确格式的邮箱 zhangsan@163.com
    // 错误格式的邮箱 zhangsan.com@163
    // 思路是：获取@符号和.符号的位置，判断.符号的位置大于@符号的位置+1
    // 还要判断@符号不能是第一位，.符号不能是最后一位
    let index1 = email.indexOf('@')  //获取@符号的位置
    let index2 = email.lastIndexOf('.')  //获取.符号的位置
    if(index1>0 && index2<email.length-1 && index2>index1+1){
      alert('邮箱格式正确！')
    }else{
      alert('邮箱格式错误！')
    }

练习题2：验证的登录名和密码

// 输入登录名和密码，要求登录名长度为2-4位，密码长度是6-10位，用户名不能是全数字
    let username = prompt('请输入登录名：')
    let password = prompt('请输入密码：')
    let len1 = username.length    //获取登录名长度
    let len2 = password.length    //获取密码长度
    // isNaN()方法，用于验证一份数据是否是非数字，不是数字返回true
    if((len1>=2 && len1<=4) && (len2>=6 && len2<=10) && (isNaN(username) || username.includes('.'))){
        alert('登录成功！')
    }else{
      alert('登录失败')
    }

isNaN()方法，用于验证一份数据是否是非数字，不是数字返回true

二、数组

1、 数组：在内存中开辟一段连续的空间，用于存储一组数据

 1.1 定义数组的第一种方式：new Array对象

 let stus = new Array(10)

 根据数组的下标，下标也叫索引，向数组的指定空间里面存储数据

 stus[0] = 10

在js中，数组的长度是没有严格限制的，索引越界后，会自动补空间。

 let fruits = new Array(5)
    fruits[0] = '西瓜'
    fruits[3] = '苹果'
    console.log(fruits);

 

2.数组的方法

1. concat() 连接两个或更多的数组，并返回结果。
2. copyWithin() 从数组的指定位置拷贝元素到数组的另一个指定位置中。     （第一个参数是目标位置，第二个参数是起始位置，第三参数是结束位置）

3. entries()  返回数组的可迭代对象。   （通过迭代器对象的next()方法，可以手动获取数组中的下一个元素）

4.  fill() 使用一个固定值来填充数组。      

   （ 第一个参数是填充的数，第二个参数是起始位置，第三个参数是结束位置

       // 后两个参数可以省略，表示全部填充。

   ）

5. from() 通过给定的对象中创建一个数组。       （注意：该方法属性Array类型）

6. *includes() 判断一个数组是否包含一个指定的值。            找到元素返回true，没有找到元素返回false

7.  indexOf() 从前往后查找数组中指定元素第一次出现的位置，找不到返回-1

8. lastIndexOf() 从后往前查找数组中指定元素第一次出现的位置，找不到返回-1

9. isArray() 判断对象是否为数组。   （注意：该方法属于Array类型）

10.  join() 把数组的所有元素放入一个字符串。   join()方法的参数，是分隔符 分隔符不传，默认是逗号分隔

11. push() 向数组的末尾添加一个或更多元素，并返回新的长度。

12. pop() 删除数组的最后一个元素并返回删除的元素。

13. unshift() 向数组的开头添加一个或更多元素，并返回新的长度

14. shift() 删除并返回数组的第一个元素。

15. slice() 选取数组的一部分，并返回一个新数组。

16. splice() 从数组中添加或修改或删除元素。      注意：第一个参数是起始位置，第二个参数是删除长度

17. toString() 把数组转换为字符串，并返回结果。         数组的toString()方法功能等同于join()方法，不传分隔符

18. reverse() 反转数组的元素顺序。