JS基础语法(四)

55 阅读3分钟

​开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第七天,点击查看活动详情

4.String对象

  • 构造方法

    方法说明
    String(value)根据指定字符串创建对象
    let s = "字符串"直接赋值
  • 常用方法

    方法说明
    length属性获取字符串长度
    charAt(index)获取指定索引处字符
    indexOf(value)获取指定字符串出现的索引位置,不存在返回-1
    substring(start,end)根据给出范围截取字符串,含头不含尾
    split(value)根据指定规则切割字符串,返回数组
    replace(old,new)使用新字符替换旧字符

5.RegExp对象

  • 构造方法

    方法说明
    RegExp(规则)根据制定规则创建对象
    let reg = /^规则$/直接赋值
  • 匹配方法:test(字符串)方法,用于查看字符串是否符合匹配规则

6.Array对象

  • 常用方法

    方法说明
    push(元素)添加元素到数组末尾
    pop()删除数组末尾元素
    shift()删除数组最前面元素
    includes(元素)判断数组是否包含指定的元素
    reverse()反转数组中的元素
    sort()对数组元素排序

7.Set对象

  • 元素唯一,存取顺序一致

  • 构造方法:Set()

  • 常用方法

    方法说明
    add(元素)添加元素
    size属性获取集合长度
    keys()获取迭代器对象
    delete(元素)删除指定元素
  • Set集合遍历范例

    let set = new Set();
    set.add("a");
    set.add("b");
    let st = set.keys();
    for(let i = 0;i < set.size;i++){
        document.write(st.next().value);
    }
    

8.Map对象

  • key唯一,存取顺序一致

  • 构造方法:Map()

  • 常用方法

    方法说明
    set(key,value)向集合添加元素
    size属性获取集合长度
    get(key)根据key获取value
    entries()获取迭代器对象
    delete(key)根据key删除键值对
  • Map集合遍历范例

    let map = new Map();
    map.set(1,"a");
    map.set(2,"b");
    let et = map.entries();
    for(let i = 0;i < map.size;i++){
        document.write(et.next().value);
    }
    

9.JSON对象

  • JSON(JavaScript Object Notation)是一种轻量级的数据交换格式

  • 它是基于ECMAScript规范的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据

  • 简洁和清晰的层次结构使得JSON成为理想的数据交换语言,易于人阅读和编写,同时也易于计算机解析和生成,并有效提升网络传输效率

  • 常用方法

    方法说明
    stringfy(对象)将指定对象转换为json格式字符串
    parse(字符串)将指定json格式字符串解析成对象
  • 范例

    let weather = {
        city : "北京";
        date : "2022-08-08";
        temperature : "10~20";
    };
    let str = JSON.stringfy(weather);
    let weather2 = JSON.parse(str);
    

BOM

  • BOM(Browser Object Model),是指浏览器对象模型

  • 将浏览器各个组成部分封装成不同的对象,方便进行操作

  • 具体有如下的对象

    1. Navigator,表示浏览器对象
    2. Window,窗口对象
    3. Location,地址栏对象
    4. History,窗口历史对象
    5. Screen,显示屏幕对象
  • Window窗口对象常用功能

    • 定时器

      1. 唯一标识 setTimeout(功能,毫秒值);方法,用于设置一次性定时器,返回一个唯一标识
      2. clearTimeout(标识);方法,根据标识取消一次性定时器
      3. 唯一标识 setInterval(功能,毫秒值);方法,设置循环定时器,返回一个唯一标识
      4. clearInterval(标识);方法,根据标识取消循环定时器
    • 加载事件:window.onload=触发的事件,用于页面加载完毕时触发的事件

  • Location地址栏对象常用功能

    • 设置href属性,通过设置这个属性实现浏览器读取并显示新的URL的内容