【JavaScript学习笔记】函数、数组、日期

一、函数

一个函数应该只返回一种类型的值。

函数中有一个默认的数组变量arguments，存储着传入函数的所有参数。

为了使用函数参数方便，建议给参数起个名字。

function fun1(obj, name, value){
    console.log(arguments);
    console.log(obj);
    console.log(name);
    console.log(value);
}
fun1({'id':12}, 'username', '张三');

 

二、数组

2.1、定义方式

var arr = [1,2,3];

var arr = new Array("a", "b", "c");

数组具有length属性，既可以获取 arr.length ，也可以设置  arr.length = 2; （设置数组长度，超出数组长度的元素被丢弃）

 

2.2、数组方法

pop() 取出并删除数组末尾元素

push(variable) 在数组的末尾追加元素

shift() 取出并删除数组开头元素

unshift(variable) 在数组的开头添加元素

splice(start, length, [var1, ...]); 从arr[start]元素起，删除length个元素，然后把后面的参数插入（相当于替换）

var arr = [1,3,5];
arr.splice(1, 2, 2, 3, 4);    //从1个元素（即arr[1]）开始，删除2个元素（即arr[1]和arr[2]），插入 2，3，4
console.log(arr);    //[1,2,3,4]

join(str) 数组元素以str连接返回字符串

sort() 数组默认把元素作为字符串自然排序，也可以传入函数作为参数自定义排序规则。

var arr = [3,5,2,1,12];
arr.sort(function(n1, n2){
    return n1-n2;    //返回true，则n1和n2交换位置，使n1在后，n2在前，false则不变。升序，return n2-n1;则降序
});
console.log(arr);    //[1, 2, 3, 5, 12]

 

三、日期

var oDate = new Date();

oDate.getFullYear();　 //获取年份
oDate.getMonth();　　　 //获取月份，月份从0开始，即0表示1月，1表示2月，以此类推
oDate.getDate();　　　　//获取当前月份的第几日
oDate.getHours();　　  //时
oDate.getMinutes();　　//分
oDate.getSeconds();　　//秒

 

/**
 * 扩展Date对象的功能
 * @param format
 * @returns
 * @example  (new Date()).format('yyyy-MM-dd hh:mm:ss')    结果是 2018-08-13 08:42:34 这样的格式 ;
 */
Date.prototype.format = function (format) {
    var o = {
        "M+": this.getMonth() + 1, // month
        "d+": this.getDate(), // day
        "h+": this.getHours(), // hour
        "m+": this.getMinutes(), // minute
        "s+": this.getSeconds(), // second
        "q+": Math.floor((this.getMonth() + 3) / 3), // quarter
        "S": this.getMilliseconds()
        // millisecond
    }
    if (/(y+)/.test(format)) {
        format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    }
    for (var k in o) {
        if (new RegExp("(" + k + ")").test(format)) {
            format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
        }
    }
    return format;
}

/**
 * 扩展Date对象的功能
 * 获取上一个月日期对象
 * @param date
 * @returns {Date}
 */
Date.prototype.getPreMonth = function() {
    var year = this.getFullYear();
    var month = this.getMonth()+1;
    var day = this.getDate();
    var hour = this.getHours();
    var minute = this.getMinutes();
    var second = this.getSeconds();
    
    var y = year;
    var m = parseInt(month) - 1;
    if (m == 0) {    // 如果是一月
        y = parseInt(y) - 1;
        m = 12;
    }
    
    var monthDays = new Date(y, m, 0).getDate(); //获取 m 月的天数
    var d = day;
    if (d > monthDays) {
        d = monthDays;
    }
    return new Date(y, m-1, d, hour, minute, second);
}


/**
 * 扩展Date对象的功能
 * 获取下一个月的日期
 * @param date
 * @returns {Date}
 */
Date.prototype.getNextMonth = function(){
    var year = date.getFullYear();
    var month = date.getMonth()+1;
    var day = date.getDate();
    var hour = date.getHours();
    var minute = date.getMinutes();
    var second = date.getSeconds();
    
    var y = year;
    var m = parseInt(month) + 1;
    if (m == 13) {
        y = parseInt(y) + 1;
        m = 1;
    }
    
    var d = day;
    var monthDays = new Date(y, m, 0).getDate(); // 获取 m 月的天数
    if (d > monthDays) {
        d = monthDays;
    }
    return new Date(y, m-1, d, hour, minute, second);
}