JavaScript内建对象总结

JavaScript数组

  JavaScript的对象

内建对象

      

       宿主对象

      

       自定义对象

 

1数组(Array)

- 数组也是对象（内建对象）

              - 它和我们普通对象功能类似，也是用来存储一些值的

              - 不同的是普通对象使用字符串作为属性名

                     而数组是使用数字来作为索引操作元素

              - 索引：

                     从0开始的整数就是索引

              - 数组的存储性能比普通对象要好，在开发中我们经常使用数组来存储一

2 JavaScript数组字面量

①创建一个数组

var arr=new Array();

使用字面量来创建数组

var arr1=[];

使用字面量创建数组时，可以在创建时就指定数组中的元素

var arr2=[12,34,56,7,8,9,0,3,5];

使用构造函数创建数组时，也可以同时添加元素，将要添加的元素作为构造函数的参数传递，元素之间使用,隔开

var arr3=new Array(12,34,56,7,8,9,0,3,5);

      console.log(arr3);

②创建数组arr4,这个数组中只有一个元素10

      var arr4=[10];

③创建一个长度为10的数组

var arr5=new Array(10);

      console.log(arr5);

数组的值可以是任意的数据类型，包含对象的，数组中可以存放函数

3 JavaScript数组的方法

 首先创建一个数组，然后连接两个或更多的数组，并返回结果，把数组的的所有元素串联成一个字符串。元素通过指定的分隔符进行分隔。

① push()

- 该方法可以向数组的末尾添加一个或多个元素，并返回数组的新的长度

- 可以将要添加的元素作为方法的参数传递，这样这些元素将会自动添加到数组的末尾

- 该方法会将数组新的长度作为返回值返回

- 该方法可以删除数组的最后一个元素,并将被删除的元素作为返回值返回

② unshift()

- 向数组开头添加一个或多个元素，并返回新的数组长度

- 向前边插入元素以后，其他元素的索引会依次调整

③ shift()

- 可以删除数组的第一个元素，并将被删除的元素作为返回值返回

4 JavaScript数组的遍历

创建一个函数，可以将arrPerson中年满18岁的Person提取出来，然后封装到到一个新的数组并返回

5 JavaScript数组的遍历foreach

一般我们都是使用for循环去遍历数组，

       JS中还为我们提供了一个方法，用来遍历数组

forEach()

              - 这个方法只支持IE8以上的浏览器

              IE8及以下的浏览器均不支持该方法，所以如果需要兼容IE8，则不要使用forEach

              如果考虑到兼容问题还是使用for循环

forEach()方法需要一个函数作为参数

- 像这种函数，由我们创建但是不由我们调用的，我们称为回调函数

- 数组中有几个元素函数就会执行几次，每次执行时，浏览器将会遍历到的元以实参的形式传递进来，我们可以来定义形参读取这些内容

- 浏览器会在回调函数中传递三个参数：

              第一个参数，就是当前正在遍历的元素

              第二个参数，就是当前正在遍历的元素的索引

              第三个参数，就是正在遍历的数组

6 JavaScript函数的方法apply与call

① call()与apply()

- 这两个方法都是函数对象的方法，需要通过函数对象来调用

- 当对函数调用call()和apply()都会去调用函数执行

- 在调用call()与apply()可以将一个对象指定为第一个参数

                    此时这个对象将会成为函数执行时的this

- call()方法可以将实参在对象之后依次传递

- apply() 方法需要将实参封装到一个数组中统一传递

② this的总结：

    1.以函数的形式调用时，this始终都是window对象

       2.以方法的形式调用时，this就是调用方法的对象

       3.以构造方法的形式调用时，this是新创建的那个对象

       4.使用call与apply调用时，this是指定的那个对象

7 JavaScript_arguments

  在调用函数时，浏览器每次都会传递进来两个隐含的参数：

①函数的上下文对象 this

             ②封装实参的对象arguments

- arguments是一个类数组对象，它也可以通过索引来操作数组，也可以获取长度

- 在调用函数时，我们所传递的实参都会在arguments中保存

                    - arguments.length可以用来获取实参的长度

- 我们即使不定义形参，也可以通过arguments来使用实参，比较麻烦

                           arguments[0] 表示第一个实参

                           arguments[1] 表示第二个实参

      - 它里面有一个属性叫做callee,这个属性对应一个函数对象，就是当前正在执行的函数对象

8 JavaScript_Date对象

   Date对象(内建对象)

      - 在JS中使用Date对象来表示一个时间

创建一个Date对象

如果时间使用构造函数创建一个Date对象,则会封装为当前代码执行的时间

  

创建一个指定的时间对象

需要在构造函数中传递一个表示时间的字符串作为参数

getTime()

                    - 获取当前日期对象的时间戳

                    - 时间戳，指的是从格林威治标准时间的1970年1月1日，0时0分0秒

                    到当前日期所花费的毫秒数（1秒=1000毫秒）

                    - 计算机底层在保存时间时使用都是时间戳

9 JavaScript_Math对象

Math对象和其他对象不同，它不是一个构造函数，

它属于一个工具类不用创建对象，它里面封装了数学运算相关的属性和方法

例如：

             Math.PI 表示圆周率（约等于3.14159）

Math.abs(x) - 返回一个数的绝对值

Math.sin(x) - 返回一个数的正弦

Math.ceil() - 可以对一个数进行向上取整，小数位只要有值就自动进1

Math.floor() - 可以对一个数进行向下取整，小数部分会被舍掉

        Math.round() - 可以对一个数进行四舍五入取整

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之间的随机数(整数)    

                             Math.round(Math.random()*(X-Y))+Y