前端-js基础-内置对象

#博学谷IT学习技术支持

目录

Math 对象

日期对象

数组对象

字符串对象

---

• 内置对象：JS语言自带的一些对象， 可以帮助我们快速开发
• JS 提供了多个内置对象 ：Math、Date、Array、String 等
• 查文档
  • 学习一个内置对象的使用，只要学会其常用成员的使用即可，我们可以通过查文档学习，可以通过MDN/W3C来查询
  • MDN:MDN Web Docs

• Math 对象

  • Math 对象不是构造函数，它具有数学常数和函数的属性和方法。跟数学相关的运算（求绝对值，取整、最大值等）可以使用 Math 中的成员。

  • 

  • 随机数方法 random ( )
    • random( ) 可以随机返回一个小数，其范围是[0, 1)
  • 案例：封装自己的数学对象
  • 绝对值、三个取整方法
  • 案例：猜数字游戏

    • 

• 日期对象

  • Date() 日期对象 是一个构造函数 必须使用new 来调用创建我们的日期对象

    

  • 使用Date 如果没有参数 返回系统的当前时间

    

  • 参数常用的写法 数字型 2019, 10, 01 或者是 字符串型 '2019-10-1 8:8:8'

    

  • 日期格式化
  • 案例：输出当前日期
  • 获取日期的总的毫秒形式(时间戳)

    

  • 案例：倒计时效果

• 数组对象

  • 创建数组对象的两种方式 ：字面量方式、new Array ( )
  • 检测是否为数组
    • instanxeof 运算符，可以判断一个对象是否属于某种类型
    • Array.isArray ( ) 用于判断一个对象是否为数组
  • 添加、删除数组元素的方法
    • push() 在数组的末尾 添加一个或者多个数组元素
    • unshift( ) 数组的开头 添加一个或者多个数组元素
    • pop ( ) 它可以删除数组的最后一个元素

      

    • shift ( ) 它可以删除数组的第一个元素

      

  • 案例：筛选数组

    • 

  • 数组排序

    • 

  • 数组索引方法
    • 只返回第一个满足条件的索引号 ， 如果在该数组里面找不到该元素，则返回的是 -1

      

    • indexOf(数组元素) 作用就是返回该数组元素的索引号 从前面开始查找

      

    • lastIndexOf(数组元素) 作用就是返回该数组元素的索引号 从后面开始查找

      

  • 案例：数组去重 （重点）
    • 数组去重 ['c', 'a', 'z', 'a', 'x', 'a', 'x', 'c', 'b'] 要求去除数组中重复的元素。
    • 目标： 把旧数组里面不重复的元素选取出来放到新数组中， 重复的元素只保留一个， 放到新数组中去重。
    • 核心算法： 我们遍历旧数组， 然后拿着旧数组元素去查询新数组， 如果该元素在新数组里面没有出现过， 我们就添加， 否则不添加。
    • 我们怎么知道该元素没有存在？ 利用 新数组.indexOf(数组元素) 如果返回时 - 1 就说明 新数组里面没有改元素
    • 封装一个 去重的函数 unique 独一无二的

    • 

  • 数组转换为字符串

    • 

    • 

• 字符串对象

  • 基本包装类型
    • 为了方便操作基本数据类型，js还提供了三个特殊的引用类型：String、Number、Boolean
    • 基本包装类型就是把简单数据包装成复杂数据类型，这样就有了属性和方法

    • 

  • 字符串的不可变
    • 指的是里面的值不可变，虽然看上去可以改变内容，实际上是地址变了，在内存中新开辟了一个内存空间

    • 

  • 根据字符返回位置
    • 字符串所有的方法都不会修改字符串本身，操作完成会返回一个新的字符串

      

    • 

    • 案例

      

  • 根据位置返回字符（重点）

    • 

    • 案例：

      

  • 字符串操作方法 （重点）

    • 

    • 

  • 其他方法

    •