Henry前端笔记 (三)函数封装
基本函数
1 在Javascript中什么是伪(类)数组?如何将伪数组转化为标准数组?
伪数组具有以下特点的对象:
- 按索引方式存储数据;
- 具有length属性;
- 没有数组的push、shift、pop等方法;
如function的arguments对象,还有getElementsByTagName、ele.childNodes等返回的NodeList对象,或者自定义的某些对象,这些都可以是伪数组。如:
var guiseArr={
'0':"AAA",
'1':"BBB",
'2':"CCC",
length:3
}
我们可以通过以下几种方式将伪数组转换为标准数组:
//第一种方法,使用slice
Array.prototype.slice.call(arr,0);
//第二种方法,直接使用for循环
var newArr=[];
for(var i=0;i<arr.length;i++){
newArr=arr[i];
}
//第三种方法,使用ES6的Array.from() 方法用于通过拥有 length 属性的对象或可迭代的对象来返回一个数组。
var newArr=Array.from(arr);
//f附加:Array.from(object, mapFunction, thisValue)
var arr = Array.from([1, 2, 3], x => x * 10);
// arr[0] == 10;
// arr[1] == 20;
// arr[2] == 30;
时间戳转为日期格式
//时间戳转换为自定义年月日时分秒时间格式:
//number :传入时间戳 时间戳为10位需*1000,时间戳为13位的话不需乘1000
//format :返回格式,支持自定义 但参数必须与formatArr里保持一致
function formatTime(number, format) {
//格式化日期函数,如月、日、时、分、秒保证为2位数
function formatNumber(n) {
n = n.toString()
return n[1] ? n : '0' + n
}
let date = new Date(number) //转为时间对象
let newArr = []
let formatArr = ['Y', 'M', 'D', 'h', 'm', 's']
newArr.push(formatNumber(date.getFullYear()))
newArr.push(formatNumber(date.getMonth() + 1))
newArr.push(formatNumber(date.getDate()))
newArr.push(formatNumber(date.getHours()))
newArr.push(formatNumber(date.getMinutes()))
newArr.push(formatNumber(date.getSeconds()))
for (let i = 0; i < newArr.length; i++) {
format = format.replace(formatArr[i], newArr[i]) //字符串一一对应替换
}
return format
}
var timestamp = 1488481383;//时间戳
console.log(formatTime(timestamp, 'Y/M/D h:m:s'));//转换为日期:2017/03/03 03:03:03
console.log(formatTime(timestamp * 1000, 'h:m'));//转换为日期:03:03