Henry前端笔记之 函数封装

Henry前端笔记 (三)函数封装

  • 基本函数
    • 1 在Javascript中什么是伪(类)数组?如何将伪数组转化为标准数组?
    • 时间戳转为日期格式

基本函数

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 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

你可能感兴趣的:(js函数封装)