Math对象、日期对象、数组对象、字符串对象

内置对象

JavaScript 中的对象分为3种：自定义对象 、内置对象、 浏览器对象

定义：一个具体的事物

对线是一组无序的相关属性和方法的集合（由属性和方法构成）

保存一个值：变量 保存一组值：数组 保存一个完整信息：对象

avaScript 提供了多个内置对象：Math、 Date 、Array、String等

查文档

查找文档：学习一个内置对象的使用，只要学会其常用成员的使用即可，我们可以通过查文档学习，可以通过MDN/W3C来查询。 ​ Mozilla 开发者网络（MDN）提供了有关开放网络技术（Open Web）的信息，包括 HTML、CSS 和万维网及 HTML5 应用的 API。 ​ MDN:MDN Web Docs

Math对象

Math 对象不是构造函数，它具有数学常数和函数的属性和方法。可以用来求绝对值，取整、最大值等

 

注意：上面的方法使用时必须带括号

四舍五入的特殊值

console.log(Math.round(-1.5)) // -1

日期对象

Date 对象和 Math 对象不一样，Date是一个构造函数，所以使用时需要实例化后才能使用其中具体方法和属性。Date 实例用来处理日期和时间

• 获取当前时间必须实例化：

var now = new Date();

• 获取指定时间的日期对象

var future = new Date('2019/5/1');

注意：如果创建实例时并未传入参数，则得到的日期对象是当前时间对应的日期对象

 

• 通过Date实例获取总毫米数

  • 总毫秒数的含义

    基于1970年1月1日（世界标准时间）起的毫秒数

  • 获取总毫秒数

    // 实例化Date对象
    var now = new Date();
    // 1. 用于获取对象的原始值
    console.log(date.valueOf()) 
    console.log(date.getTime()) 
    // 2. 简单写可以这么做
    var now = + new Date();         
    // 3. HTML5中提供的方法，有兼容性问题
    var now = Date.now();

获取时间：

     var date = new Date();
       console.log(date);
       var year = date.getFullYear();
       var month = date.getMonth() + 1;
       var dates = date.getDate();
       var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
       var day = date.getDay();
       function getTime () {
            var date = new Date();
            var h = date.getHours();
            h < 10 ? '0' + h : h ;
            var m = date.getMinutes();
            m < 10 ? '0' + m : m ;
            var s = date.getSeconds();
            s < 10 ? '0' + s : s ;
            return h + ':' + m + ':' + s
        }
     var time = '今天是：'+year+'年'+month+'月'+dates+'日'+arr[day] + getTime();
     console.log(time);

倒计时案例：

    function countDown(time){
            var nowTime = + new Date();
            var inputTime = +new Date(time);
            var times = (inputTime - nowTime ) / 1000;
            var d = parseInt(times / 24 / 60 / 60);
            d = d < 10 ? '0' + d : d;
            var h = parseInt(times / 60 / 60 % 24);
            h = h < 10 ? '0' + h : h;
            var m = parseInt(times / 60 % 60);
            m = m < 10 ? '0' + m : m;
            var s = parseInt(times % 60);
            s = s < 10 ? '0' + s : s;
            return d + '天' + h +'时' + m + '分' + s + '秒';
        }
        console.log(countDown('2021-12-12 20:00:00'));

数组对象

• 字面量方式

  • 示例代码如下：

    var arr = [1,"test",true];

• new Array()

  • 示例代码如下：

    var arr = new Array();

    注意：上面代码中arr创建出的是一个空数组，如果需要使用构造函数Array创建非空数组，可以在创建数组时传入参数

    参数传递规则如下：

    • 如果只传入一个参数，则参数规定了数组的长度

    • 如果传入了多个参数，则参数称为数组的元素

检测是否为数组（重要）

• instanceof 运算符

  • instanceof 可以判断一个对象是否是某个构造函数的实例

    var arr = [1, 23];
    var obj = {};
    console.log(arr instanceof Array); // true
    console.log(obj instanceof Array); // false

• Array.isArray()

  • Array.isArray()用于判断一个对象是否为数组，isArray() 是 HTML5 中提供的方法

    var arr = [1, 23];
    var obj = {};
    console.log(Array.isArray(arr));   // true
    console.log(Array.isArray(obj));   // false

添加删除数组元素的方法（重要）

 

数组排序（重要）

 

• 注意：sort方法需要传入参数来设置升序、降序排序

  • 如果传入“function(a,b){ return a-b;}”，则为升序

  • 如果传入“function(a,b){ return b-a;}”，则为降序

数组索引方法（重要）

 

数组转换为字符串（重要）

 

注意：join方法如果不传入参数，则按照 “ , ”拼接元素

其他方法

 

（面试）数组去重案例

 var arr = ['c', 'a', 'z', 'a', 'x', 'a', 'x', 'c', 'b'];
        var newArr = [];
        for (var i = 0;i < arr.length; i++) {
            if(newArr.indexOf(arr[i]) === -1) {
                newArr.push(arr[i])
            }
        }
        console.log(newArr);

（面试）封装一个自己的Math对象

   var myMath = {
            PI : 3.1415926,
            max : function () {
                var max = arguments[0];
                for (var i = 0;i < arguments.length; i++) {
                    if(arguments[i] > max) {
                        max = arguments[i];
                    }
                }
                return max;
            },
            min : function () {
                var min= arguments[0];
                for (var i = 0;i < arguments.length; i++) {
                    if(arguments[i] < min) {
                        min= arguments[i];
                    }
                }
                return min;
            },
​
        }
        console.log(myMath.max(1,95,85,45,3));
        console.log(myMath.min(1,95,85,45,3));
        console.log(myMath.PI);

1、构造函数和对象的区别

• 构造函数泛指某一大类

• 对象特指某一特定的事物

• new 实例化对象

2、new关键字的执行过程（面试）

1、创建一个空对象

2、让this指向这个空对象

3、给新对象添加属性和方法

4、返回新对象

（面试）统计出现最多字符和次数

      var str = 'abcoefoxyozzopp';
        var obj = {};
        for(var i = 0;i < str.length; i++) {
            var chars = str.charAt(i);
            if(obj[chars]) {
                obj[chars]++;
            }else {
                obj[chars] = 1; 
            }
        }
        console.log(obj);
​
        var max = 0;
        var str = ''
        for(var k in obj) {
            if(obj[k] > max) {
                max = obj[k];
                str =  k;
            }
        }
        console.log('出现次数最多的字符是'+str+',出现次数是'+max );

字符串对象

根据字符返回位置

 

案例：查找字符串"abcoefoxyozzopp"中所有o出现的位置以及次数

1. 先查找第一个o出现的位置

2. 然后 只要indexOf 返回的结果不是 -1 就继续往后查找

3. 因为indexOf 只能查找到第一个，所以后面的查找，利用第二个参数，当前索引加1，从而继续查找

根据位置返回字符

字符串操作方法

replace()方法

replace() 方法用于在字符串中用一些字符替换另一些字符，其使用格式如下：

字符串.replace(被替换的字符串， 要替换为的字符串)；

split()方法

split()方法用于切分字符串，它可以将字符串切分为数组。在切分完毕之后，返回的是一个新数组。

其使用格式如下：

字符串.split("分割字符")

复杂数据类型传参（面试）

function Person(name) {
    this.name = name;
}
function f1(x) { // x = p
    console.log(x.name); // 2. 这个输出什么 ?    刘德华
    x.name = "张学友";
    console.log(x.name); // 3. 这个输出什么 ?    张学友
}
var p = new Person("刘德华");
console.log(p.name);    // 1. 这个输出什么 ?   刘德华
f1(p);
console.log(p.name);    // 4. 这个输出什么 ?  张学友