【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);
}
【JavaScript学习笔记】函数、数组、日期的更多相关文章
- JavaScript学习笔记之数组(二)
JavaScript学习笔记之数组(二) 1.['1','2','3'].map(parseInt) 输出什么,为什么? ['1','2','3'].map(parseInt)//[1,NaN,NaN ...
- JavaScript学习笔记:数组reduce()和reduceRight()方法
很多时候需要累加数组项的得到一个值(比如说求和).如果你碰到一个类似的问题,你想到的方法是什么呢?会不会和我一样,想到的就是使用for或while循环,对数组进行迭代,依次将他们的值加起来.比如: v ...
- JavaScript学习笔记——函数
javascript函数的声明和调用 将完成某一特定功能的代码集合起来,可以重复使用的代码块. 一.函数的声明方式(创建) A.基本语法 function 关键字 function 函数名([参数1] ...
- JavaScript学习笔记之 数组方法一 堆栈 和队列
数组的方法 以及 堆栈的操作的方法 JavaScript是一种弱类型语言,不像其它程序语言需要严格定义数据类型.在JavaScript中数组可以任意修改变动,这样也就出现了一个问题,如果边遍历数组边操 ...
- JavaScript学习笔记之数组(一)
数组基础篇 一.数组概述 1. 数组的语法 数组(array)是按次序排列的一组值.每个值的位置都有编号(从0开始). var arr=[1,2,3] //arr[0]=1 任何类型的数据,都可以放入 ...
- c语言学习笔记 函数数组传递笔记
今天学习c语言的一个小例子,果然还是陷入了php的编程习惯里,这里记录一下. #include <stdio.h> //例子很简单,就是编写一个函数把传递进来的数组里的值都赋值为1而已 / ...
- JavaScript学习笔记-函数
函数的两种创建方式:函数定义表达式.函数声明语句 编译时,函数声明语句创建的函数会‘被提前’至外部函数的作用域顶部,在该作用域内可以被随意调用: 而函数表达式创建的函数,要调用它必须赋值给一个变量,编 ...
- JavaScript学习笔记——4.数组
数组(Array) 数组也是一个对象 数组中保存的内容我们称为元素 数组的操作 - 创建数组 - var arr = new Array(); - var arr = []; 例如:var m ...
- JavaScript学习笔记-函数实例
函数实例 var p = { a:15, b:'5', f1:function(){ var self = this; console.log(self.a+self.b); f2(); functi ...
- JavaScript学习笔记:数组的indexOf()和lastindexOf()方法
https://www.w3cplus.com/javascript/array-part-6.html
随机推荐
- 微信小程序弹框wx.showModal如何修改样式
由于官方API提供的显示模态弹窗,只能简单地显示文字内容,不能对对话框内容进行自定义,欠缺灵活性,所以自己从模态弹窗的原理角度来实现了自定义的模态对话框. wx.showModal修改样式后的效果,如 ...
- html5 canvas 3d屏保 源码
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <met ...
- H3C 帧中继与水平分割(续)
- vscode编辑如何保存时自动校准eslint规范
在日常开发中,一个大点的项目会有多人参与,那么可能就会出现大家的代码风格不一,各显神通,这个时候就要祭出我们的eslint. 在这之前磨刀不误砍柴工,我们先来配置一下我们的代码编辑工具,如何在vsco ...
- H3C 最大跳数16导致网络尺度小
- H3C 多路径网络中环路产生过程(2)
- 2019-9-24-dotnet-remoting-使用事件
title author date CreateTime categories dotnet remoting 使用事件 lindexi 2019-09-24 15:39:26 +0800 2018- ...
- Linux内核接口特定的类型
内核中一些通常使用的数据类型有它们自己的 typedef 语句, 因此阻止了任何移植性问 题. 例如, 一个进程标识符 ( pid ) 常常是 pid_t 而不是 int. 使用 pid_t 屏蔽了任 ...
- 原生js实现继承
在多数语言中继承都很重要.JavaScript是一个基于原型的语言,这意味着对象可以直接从其他对象继承.以下列出几种常见的js继承方式. 原型链继承 function Father(){ this.s ...
- webpack4.0基本配置,超简单!
最近复习了一下webpack,使用的是4.0版本. 下图是基本目录结构,最后留有代码地址,有兴趣可以去看看. 直接上代码(依赖未完全使用): 项目的所有依赖都可以安装,每个都有详细的注释.] cons ...