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