六、字符串和数组

目录

一、字符串

二、数组

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() 反转数组的元素顺序。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值