JS 基础知识 内置对象

目标：

• 能够说出什么是内置对象
• 能够根据文档查询指定API的使用方法
• 能够使用Math对象的常用方法
• 能够使用Date对象的常用方法
• 能够使用Array对象的常用方法
• 能够使用String对象的常用方法

1.  内置对象

• JavaScript中的对象分为3种:自定义对象、内置对象、浏览器对象
• 前面两种对象是JS基础内容，属于ECMAScript;第三个浏览器对象属于我们JS独有的，我们JSAPI讲解
• 内置对象就是指JS语言自带的一些对象，这些对象供开发者使用，并提供了 些常用的或是最基本而必要的功能(属性和方法)
• JS中提供了多个内置对象：Math、Date、Array、String等。

2. 查文档

2.1  MDN

有两种查询方式：MDN和W3C  ( 推荐使用MDN )

MDN网址：MDN Web Docs

2.2 然后学习对象中的方法 

1. 查阅该方法的功能
2. 查看里面参数的意义和类型
3. 查看返回值的意义和类型
4. 通过demo进行测试

3. Math 对象

 Math 数学对象，不是一个构造器，所以不需要new来调用，而是直接使用里面的属性和方法即可

<script>
        // Math 数学对象，不是一个构造器，所以不需要new来调用，而是直接使用里面的属性和方法即可
        console.log(Math.PI);  //一个属性 圆周率
        console.log(Math.max(1, 99, 67, 123));  //123
        console.log(Math.max(1, 9, 'lsy'));  //NaN
        console.log(Math.max()); //-Infinity

    </script>

封装自己的数学对象： 

<script>
        var mymath = {
            PI: 3.141592653,
            max: function () {
                var max = arguments[0];
                for (var i = 1; i < arguments.length; i++) {
                    if (arguments[i] > max) {
                        max = arguments[i];
                    }
                }
                return max;
            },
            min: function () {
                var min = arguments[0];
                for (var i = 1; i < arguments.length; i++) {
                    if (arguments[i] < min) {
                        min = arguments[i];
                    }
                }
                return min;
            }
        }
        console.log(mymath.PI);
        console.log(mymath.max(1, 3, 9));
        console.log(mymath.min(1, 3, 9));
    </script>

3.1 Math 常用方法 

Math.PI;          //圆周率

Math.floor（）;          //向下取整

Math.ceil（）;          //向上取整

Math.round（）;          //四舍五入版  就近取整  注意：-3.5  结果是 -3

Math.abs（）;          //取绝对值

Math.max（） / Math.min（）;          //求最大值和最小值

<script>
        // 1. 绝对值
        console.log(Math.abs(1));  //1
        console.log(Math.abs(-1));  //1
        console.log(Math.abs('-1')); //1  隐式转换，会把字符串型 -1 转换为数字型
        console.log(Math.abs('lsy'));  //NaN

        // 2. Math.floor()  向下取整  往最小了取值
        console.log(Math.floor(1.1));  //1
        console.log(Math.floor(1.9));  //1

        // 3. Math.ceil()  向上取整  往最大了取值
        console.log(Math.ceil(1.1));  //2
        console.log(Math.ceil(1.9));  //2
        
        // 4. Math.round()  四舍五入
        console.log(Math.round(1.1));  //1
        console.log(Math.round(1.5));  //2
        console.log(Math.round(1.9));  //2
        console.log(Math.round(-1.1));  //-1
        console.log(Math.round(-1.5));  //-1  其他数字都是四舍五入，但是 .5特殊，它往大了取
        console.log((Math.round(-1.9))); //-2
    </script>

 3.2 随机数方法 Randon()

Math.floor(Math.random()*(max-min+1))+min;  //得到两个数之间的随机整数公式

<script>
        // 1. Random()  返回一个随机小数， [0,1)
        // 2. 这个方法里面不跟参数
        // console.log(Math.random());
        // 3. 我们想要得到两个数之间的随机整数 并且 包含这两个整数
        // Math.floor(Math.random()*(max-min+1))+min;  //公式
        function getRandom(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }
        console.log(getRandom(1, 10));
        // 4. 随机点名
        var arr = ['张三', '李四', '王五'];
        console.log(arr[getRandom(0, arr.length - 1)]);
    </script>

猜数字游戏：

<scr