内建对象总结(数组Array_日期Date_Math对象等)

开发工具与关键技术：Adobe Dreamweaver JavaScript
作者：周秋梅
撰写时间：2020年4月25日

内建对象总结(数组Array_日期Date_Math对象等)
1.内建对象2.宿主对象 3.自定义对象
数组(Array)
- 数组也是对象（内建对象）
- 它和我们普通对象功能类似，也是用来存储一些值的
- 不同的是普通对象使用字符串作为属性名，而数组是使用数字来作为索引操作元素
- 索引：从0开始的整数就是索引
- 数组的存储性能比普通对象要好，在开发中经常使用数组来存储一些数据

• 读取数组中的元素 语法：数组[索引] ，如果读取不存在的索引，不会报错而是返回undefined
  • 修改length： - 如果修改的length大于原长度，则多出部分会空出来
    - 如果修改的length小于原长度，则多出的部分会被删除
• 使用字面量来创建数组 //语法：[] ；在创建时就指定数组中的元素
• 使用构造函数创建数组时，可同时添加元素，添加的元素作为构造函数的参数传递，元素之间使用逗号隔开
• 创建数组arr4,这个数组中只有一个元素10 - 创建一个长度为10的数组
• 数组的值可以是任意的数据类型，包含对象的 - 数组中可以存放函数 - 二维数组

2.JavaScript数组的方法

1. 创建一个数组

• concat()合拼 -join()连接两个或更多的数组，并返回结果。
  pop() - 该方法可以删除数组的最后一个元素,并将被删除的元素作为返回值返回
  shift() - 可以删除数组的第一个元素，并将被删除的元素作为返回值返回

  push() - 该方法可以向数组的末尾添加一个或多个元素，并返回数组的新的长度
  - 可以将要添加的元素作为方法的参数传递，这样这些元素将会自动添加到数组的末尾
  - 该方法会将数组新的长度作为返回值返回
  unshift() - 向数组开头添加一个或多个元素，并返回新的数组长度
  - 向前边插入元素以后，其他元素的索引会依次调整
  3.JavaScript数组的遍历
  1…for循坏或者for…in遍历数组，是将数组中所有的元素都取出来

2. 创建一个函数，可以将arrPerson中年满18岁的Person提取出来，然后封装到到一个新的数组并返回
3. forEach()方法需要一个函数作为参数
   - 像这种函数，由我们创建但是不由我们调用，我们称为回调函数
   • 数组中有几个元素函数就会执行几次，每次执行时，浏览器将会遍历到的元素以实参的形式传递进来，我们可以来定义形参读取这些内容
     • 浏览器会在回调函数中传递三个参数：
       第一个参数，就是当前正在遍历的元素
       第二个参数，就是当前正在遍历的元素的索引
       第三个参数，就是正在遍历的数组
4. JavaScript函数的方法apply与call
   call()与apply()
   - 这两个方法都是函数对象的方法，需要通过函数对象来调用
   - 当对函数调用call()和apply()都会去调用函数执行
   - 在调用call()与apply()可以将一个对象指定为第一个参数
   此时这个对象将会成为函数执行时的this
   - call()方法可以将实参在对象之后依次传递
   - apply() 方法需要将实参封装到一个数组中统一传递
   5.JavaScript_arguments
   在调用函数时，浏览器每次都会传递进来两个隐含的参数：
   1.函数的上下文对象 this
   2.封装实参的对象arguments
   - arguments是一个类似数组对象，它也可以通过索引来操作数组，也可以获取长度
   - 在调用函数时，我们所传递的实参都会在arguments中保存
   - arguments.length可以用来获取实参的长度
   - 即使不定义形参，也可通过arguments来使用实参，比较麻烦
   arguments[0] 表示第一个实参
   arguments[1] 表示第二个实参
   - 它里面有一个属性叫做callee,
   这个属性对应一个函数对象，就是当前正在执行的函数对象
5. JavaScript 日期对象Date
   Date对象(内建对象)

• 在JS中使用Date对象来表示一个时间
  -创建一个Date对象，如果时间使用构造函数创建一个Date对象,则会封装为当前代码执行的时间
  -创建一个指定的时间对象，需要在构造函数中传递一个表示时间的字符串作为参数

1. getDate() - 获取当前日期对象时几日 2. getFullYear() - 获取对象以四位数字返回年份
   3.getDay() - 获取当前日期是星期几

• 会返回一个0~6的值 0 表示周日 1 表示周一 … 6 表示周六
  4.getMonth() - 获取当前日期对象的月份
• 会返回一个0~11的值 0 表示一月 1表示二月… 11 表示十二月
  5.getHours() getMinutes() getSeconds() 代表时分秒
  6.getTime()
• 获取当前日期对象的时间戳， 时间戳，指的是从格林威治标准时间的1970年1月1日，0时0分0秒
  到当前日期所花费的毫秒数（1秒=1000毫秒）；计算机底层在保存时间时使用都是时间戳
• 可以使用时间戳来测试代码的执行性能

7. JavaScript_Math对象
   1.Math对象和其他对象不同，它不是一个构造函数，它属于一个工具类不用创建对象，它里面封装了数学运算相关的属性和方法
   • 例如：Math.PI 表示圆周率（约等于3.14159）
     Math.abs(x) - 返回一个数的绝对值 Math.sin(x) - 返回一个数的正弦
     Math.ceil() -向上取整，小数位只要有值就自动进1 Math.round() -四舍五入取整
     Math.floor() -向下取整，小数部分会被舍掉
     Math.random()- 以用来生成一个0-1之间的随机数
     Math.random()- 可以用来生成一个0-10之间的随机数(整数)
     Math.round(Math.random()*10) - 可以用来生成一个0-X之间的随机数(整数)
     Math.round(Math.random()*X) - 可以用来生成一个1-10之间的随机数(整数)
     Math.round(Math.random()9)+1 - 可以用来生成一个1-X之间的随机数(整数)
     Math.round(Math.random()(X-1))+1 - 可以用来生成一个Y-X之间的随机数(整数)
8. 求最大值与最小值 ：max min
9. JavaScript包装类
   数据类型：
   基本数据类型：String Number Boolean Null Undefined
   引用数据类型：Object
   在JS中为我们提供了三个包装类，通过这三个包装类可以将基本数据类型转换为对象
   String() - 可以将基本数据类型字符串转换为String对象
   Number()- 可以将基本数据类型的数字转换为Number对象
   Boolean()- 可以将基本数据类型的布尔值转换为Boolean对象
   注意！！！在实际应用中不会使用基本数据类型的对象，如果使用基本数据类型的对象，在做一些比较的时候可能会带来一些不可预期的结果。（看bool的例子）包装类浏览器底层自己使用的
10. JavaScript_String对象
    charAt() - 可以返回字符串中指定位置的字符, 根据索引获取指定的字符
    charCodeAt()- 获取指定位置字符的字符编码（Unicode编码）
    String.fromCharCode()- 可以根据字符编码获取字符
    split() 很重要的方法- 可将字符串拆分一个数组,参数需要一个字符串作为参数，将会该字去拆分数组
    toUpperCase()- 将一个字符串转换为大写并返回