JS内置对象 | 青训营

一.内置对象

4.3日期格式化

代码演示：

        console.log(date.getMonth())  //月份 返回的月份小一个月 记得月份+1
        console.log(date.getFullYear()); //返回当前日期的年 2022
        console.log(date.getDay()); // 周1-6返回的是具体数字 周日返回的是0
        var year = date.getFullYear();
        var month = date.getMonth(); // 月
        var dates = date.getDate(); //日
        var day = date.getDay();
        var arr = ['星期日' , '星期一','星期二','星期三','星期四','星期五','星期六',]
        console.log('今天是：'+ year +'年'+ month +'月'+ dates +'日'+arr[day]);
        
        // 封装一个函数返回当前的时分秒 格式 08:08:08
function getTimer() {
    var time = new Date();
    var h = time.getHours();
    h = h < 10 ? '0' + h : h;
    var m = time.getMinutes();
    m = m < 10 ? '0' + m : m;
    var s = time.getSeconds();
    s = s < 10 ? '0' + s : s;
    return h + ':' + m + ':' + s;
}
console.log(getTimer());


//获得Date总的毫秒数(时间戳) 不是当前时间的毫秒数 而是距离1970年1月1日过了多久的毫秒数
        //1.通过 valueof() gettime()
        var date = new Date();
        console.log(date.valueOf());
        console.log(date.getTime()); 
        //2. 简单写法 (最常用的写法)
        var date1 = +new Date(); // +new Date() 返回的是总毫秒数
        console.log(date1);
        // 3.H5新增的，获得总的毫秒数
        console.log(Date.now());

4.日期对象案例

分析

4.1 数组对象

创建数组的两种方法

    //1.利用数组字面量
    var arr = [1,2,3,4];
    console.log(arr[0]);

    //2.利用new Array()
    var arr1 = new Array(2); //这个2 表示数组的长度
    var arr1 = new Array(2,3); //等价与[2,3] 这样写表示 里面有2个数组元素
    console.log(arr1);

        //  检测是否为数组
        //  (1) instanceof 运算符 他可以用来检测是否为数组
        var arr = [];
        var obj = [];
        console.log(arr instanceof Array);
        console.log(obj instanceof Array);

        //  (2) Array.isArray(参数) H5新增的方法 ie9以上才支持   
        Array.isArray([1, 2, 3]);  // true
        Array.isArray({foo: 123}); // false
        Array.isArray('foobar');   // false
        Array.isArray(undefined);  // false

 添加一个或多个数组
 1.push() 在我们数组的末尾 添加一个或者多个数组元素 push 推
             var arr = [1,2,3]
        arr.push(4,'pink');
        console.log(arr);
       (1).push 是可以给新数组追加新的元素
       (2).push() 参数直接写 数组元素就可以了
       (3). push完毕之后，返回的结果是 新数组的长度
       (4).原数组也会发生变化
    
       2.unshift是可以给数组前面追加新的元素
          (1).push 是可以给新数组追加新的元素
       (2).push() 参数直接写 数组元素就可以了
       (3). push完毕之后，返回的结果是 新数组的长度
       (4).原数组也会发生变化
       
       

4 .4 获取数组元素索引的方法

    返回数组元素索引号的方法 indexOf（数组元素） 作用就是返回数组元素的索引号 从前面开始查找
    他返回第一个满足=条件的索引号
    它如果在该数组里面找不到元素，则返回的是 -1

    */
   var arr = ['blue','pink','red','purple','white'];
   console.log(arr.indexOf('white'));
   

5. 数组对象

代码实现

    /*
    目标：1.把就数组里面不重复的元素选取出来放到新数组中，重复的元素只保留一个，放到新数组中去重
    2. 核心算法： 我们遍历旧数组，然后拿着旧数组去查询新数组，如果该元素在新数组里没有出现过，我们就添加，否则就不添加
    3. 我们怎么直达奥该元素有没有存在？ 利用新数组.indexOf（数组元素） 如果返回-1则说明里面没有修改元素
    */
    function unique(arr){
            var newarr = [];
            for(var i = 0; i<arr.length;i++){
                if(newarr.indexOf(arr[i]) === -1){
                    newarr.push(arr[i])
                }
            }
            return newarr;
    }
    var demo = unique(['1','3','1','2'])
    console.log(demo);