首頁  >  文章  >  web前端  >  JS日期、Math、陣列以及物件簡要分析

JS日期、Math、陣列以及物件簡要分析

小云云
小云云原創
2018-03-05 11:02:101213瀏覽

本文主要和大家分享JS日期、Math、陣列以及物件簡要分析,希望能幫助大家。

相關題目

  • 取得2017-06-10格式的日期

function formatDate(dt){    if(!dt){
        dt = new Date();
    }    var year = dt.getFullYear();var month = dt.getMonth()+1;var date = dt.getDate();if(month<10){    //强制类型转换
    month = &#39;0&#39;+month;
}if(date<10){    date = &#39;0&#39;+date;
}return year +  &#39;-&#39;+month+&#39;-&#39;+date;
}var dt = new Date();var formatDate = formatDate(dt);
console.log(format);
  • ##以獲得隨機數,要求是長度一致的字串格式(隨機數在前端開發中的作用)

  • var random =Math.random();random= random + &#39;0000000000&#39;;//保证下一句不会报错random = random.slice(0,9);
    console.log(random);
  • 寫一個能遍歷物件和數組的通用的forEach函數(jquery中有)

  • //想想对象中的forEach与数组中的for in怎么用比较好//这里是forEach函数function forEach(obj,fn){
        var key;    if(obj instanceof Array){
            obj.forEach(function(item,index){
                fn(index.item);
            })
        }else{        for(key in obj){
                fn(key.obj[key]);
            }
        }
    }//调用var arr = [1,2,3];forEach(arr,function(index,item)){
        console.log(index.item);
    }var obj = {x:100,y:200};forEach(obj,function(key,value){
        console.log(key,value);
    })
知識點

  • #
    Date.nowTime(); //获取当前时间毫秒数(这个数是从1970开始算起到现在走了多少毫秒数)var myDate = new Date(); //new一个时间对象myDate.getTime(); //获取毫秒数myDate.getFullYear(); //年(4位数),还有一种getYear()的方法,有兼容性的问题,与getFullYear()相差1900myDate.getMonth(); //月(0-11),实际应用是应该注意它的返回值myDate.getDate();//日(1-31)myDate.getDay();//星期(0-6),实际应用是应该注意它的返回值myDate.getHours();//时(0-23)myDate.getMinutes();//分(0-59)myDate.getSeconds();//秒(0-59)


Math

1 . 取得隨機數Math.random();

會回傳一個大於0小於1的一個小數,eg:0.14249200181060218,一般常用於清除緩存,例如:頁面開啟時,由於快取的存在,剛剛更新的資料有時無法在頁面得到刷新,因為如果請求的位址是相同的,瀏覽器就不會去連接伺服器。這時候可以用隨機數字來處理,相當於載入新的頁面。

在URL 参数后加上 "?r=" + Math.random();//加随机数在 URL 参数后加上 "?timestamp=" + new Date().getTime(); //也可以加时间戳

2 .更多方法及隨機數的擴展見我之前的博客;

  • 數組API

    1 .  forEach遍歷所有元素

var arr = [1,2,3];
arr.forEach(function(item,index){//item为元素的值eg:1,2,3,index位为元素的位置,从0开始的
    //遍历数组中所有元素
    console.log(index,item);    //注意参数顺序});

2 .  every判斷所有元素是否都符合條件
var arr = [1,2,3];var result = arr.every(funciton(item,index){// 用来判断所有的数组元素,都满足一个条件
    if(item < 4){        return ture;
    }
});
console.log(result);//true
3 . some判斷是否有至少一個元素符合條件

var arr = [1,2,3];var result = arr.every(funciton(item,index){// 用来判断所有的数组元素,都满足一个条件
    if(item < 2){        return ture;
    }
});
console.log(result);//true

4 .sort排序(從小向大排序)

var arr = [1,4,3,2,5];var arr2 = arr.sort(function(a,b){
    //从小到大
    return a-b;    //从大到小
    //return b-a;});
console.log(arr2);//[1,2,3,4,5]
5 .map對元素重新組裝,產生新陣列(把元素依照一種規則組裝成另外一種元素,產生一種新的陣列)

var arr = [1,2,3,4];var arr2 = arr.map(function(item,index){    //将元素重新组装并返回    return &#39;<b>'+item+'</b>';
});console.log(arr2);  //["<b>1</b>", "<b>2</b>", "<b>3</b>", "<b>4</b>"]

6 .filter過濾符合條件的元素

var arr = [1,2,3];var arr2 = arr.filter(function(item,index){
    //通过一个条件过滤数组
    if(item>=2){        return true;
    }
});
console.log(arr2); //2,3

###物件API#########
var obj ={x:100,y:200,z:300};var key;for(key in obj){//key这里取得是obj的属性名
    if(obj.hasOwnProperty(key)){//判断他是这个obj的属性而不是原型的属性
        console.log(key,obj[key]);
    }
}
###相關推薦:#####JS日期物件簡單操作(取得目前年份、星期、時間)############JS日期相加減函數整理############js日期相關函數總結分享_javascript技巧# #####

以上是JS日期、Math、陣列以及物件簡要分析的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn