【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);
 }