软件测试网 软件测试培训 软件测试论坛 测试解决方案 文章资料精选 软件测试博客 软件测试招聘

JavaScript 和 CSS 常用工具方法封装

发表于：2019-3-15 10:20

字体：大 中 小 | 上一篇 | 下一篇 | 我要投稿

 作者：周小肆    来源：segmentfault

分享：
　2. Date
   /**
　　* 格式化时间
　　*
　　* @param  {time} 时间
　　* @param  {cFormat} 格式
　　* @return {String} 字符串
　　*
　　* @example formatTime('2018-1-29', '{y}/{m}/{d} {h}:{i}:{s}') // -> 2018/01/29 00:00:00
　　*/
　　formatTime(time, cFormat) {
　　if (arguments.length === 0) return null
　　if ((time + '').length === 10) {
　　time = +time * 1000
　　}
　　var format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}', date
　　if (typeof time === 'object') {
　　date = time
　　} else {
　　date = new Date(time)
　　}
　　var formatObj = {
　　y: date.getFullYear(),
　　m: date.getMonth() + 1,
　　d: date.getDate(),
　　h: date.getHours(),
　　i: date.getMinutes(),
　　s: date.getSeconds(),
　　a: date.getDay()
　　}
　　var time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
　　var value = formatObj[key]
　　if (key === 'a') return ['一', '二', '三', '四', '五', '六', '日'][value - 1]
　　if (result.length > 0 && value < 10) {
　　value = '0' + value
　　}
　　return value || 0
　　})
　　return time_str
　　}
　　/**
　　* 返回指定长度的月份集合
　　*
　　* @param  {time} 时间
　　* @param  {len} 长度
　　* @param  {direction} 方向：  1: 前几个月;  2: 后几个月;  3:前后几个月  默认 3
　　* @return {Array} 数组
　　*
　　* @example   getMonths('2018-1-29', 6, 1)  // ->  ["2018-1", "2017-12", "2017-11", "2017-10", "2017-9", "2017-8", "2017-7"]
　　*/
　　getMonths(time, len, direction) {
　　var mm = new Date(time).getMonth(),
　　yy = new Date(time).getFullYear(),
　　direction = isNaN(direction) ? 3 : direction,
　　index = mm;
　　var cutMonth = function(index) {
　　if ( index <= len && index >= -len) {
　　return direction === 1 ? formatPre(index).concat(cutMonth(++index)):
　　direction === 2 ? formatNext(index).concat(cutMonth(++index)):formatCurr(index).concat(cutMonth(++index))
　　}
　　return []
　　}
　　var formatNext = function(i) {
　　var y = Math.floor(i/12),
　　m = i%12
　　return [yy+y + '-' + (m+1)]
　　}
　　var formatPre = function(i) {
　　var y = Math.ceil(i/12),
　　m = i%12
　　m = m===0 ? 12 : m
　　return [yy-y + '-' + (13 - m)]
　　}
　　var formatCurr = function(i) {
　　var y = Math.floor(i/12),
　　yNext = Math.ceil(i/12),
　　m = i%12,
　　mNext = m===0 ? 12 : m
　　return [yy-yNext + '-' + (13 - mNext),yy+y + '-' + (m+1)]
　　}
　　// 数组去重
　　var unique = function(arr) {
　　if ( Array.hasOwnProperty('from') ) {
　　return Array.from(new Set(arr));
　　}else{
　　var n = {},r=[];
　　for(var i = 0; i < arr.length; i++){
　　if (!n[arr[i]]){
　　n[arr[i]] = true;
　　r.push(arr[i]);
　　}
　　}
　　return r;
　　}
　　}
　　return direction !== 3 ? cutMonth(index) : unique(cutMonth(index).sort(function(t1, t2){
　　return new Date(t1).getTime() - new Date(t2).getTime()
　　}))
　　}
　　/**
　　* 返回指定长度的天数集合
　　*
　　* @param  {time} 时间
　　* @param  {len} 长度
　　* @param  {direction} 方向： 1: 前几天;  2: 后几天;  3:前后几天  默认 3
　　* @return {Array} 数组
　　*
　　* @example date.getDays('2018-1-29', 6) // -> ["2018-1-26", "2018-1-27", "2018-1-28", "2018-1-29", "2018-1-30", "2018-1-31", "2018-2-1"]
　　*/
　　getDays(time, len, diretion) {
　　var tt = new Date(time)
　　var getDay = function(day) {
　　var t = new Date(time)
　　t.setDate(t.getDate() + day)
　　var m = t.getMonth()+1
　　return t.getFullYear()+'-'+m+'-'+t.getDate()
　　}
　　var arr = []
　　if (diretion === 1) {
　　for (var i = 1; i <= len; i++) {
　　arr.unshift(getDay(-i))
　　}
　　}else if(diretion === 2) {
　　for (var i = 1; i <= len; i++) {
　　arr.push(getDay(i))
　　}
　　}else {
　　for (var i = 1; i <= len; i++) {
　　arr.unshift(getDay(-i))
　　}
　　arr.push(tt.getFullYear()+'-'+(tt.getMonth()+1)+'-'+tt.getDate())
　　for (var i = 1; i <= len; i++) {
　　arr.push(getDay(i))
　　}
　　}
　　return diretion === 1 ? arr.concat([tt.getFullYear()+'-'+(tt.getMonth()+1)+'-'+tt.getDate()]) :
　　diretion === 2 ? [tt.getFullYear()+'-'+(tt.getMonth()+1)+'-'+tt.getDate()].concat(arr) : arr
　　}
　　/**
　　* @param  {s} 秒数
　　* @return {String} 字符串
　　*
　　* @example formatHMS(3610) // -> 1h0m10s
　　*/
　　formatHMS (s) {
　　var str = ''
　　if (s > 3600) {
　　str = Math.floor(s/3600)+'h'+Math.floor(s%3600/60)+'m'+s%60+'s'
　　}else if(s > 60) {
　　str = Math.floor(s/60)+'m'+s%60+'s'
　　}else{
　　str = s%60+'s'
　　}
　　return str
　　}
　　/*获取某月有多少天*/
　　getMonthOfDay (time) {
　　var date = new Date(time)
　　var year = date.getFullYear()
　　var mouth = date.getMonth() + 1
　　var days
　　//当月份为二月时，根据闰年还是非闰年判断天数
　　if (mouth == 2) {
　　days = (year%4==0 && year%100==0 && year%400==0) || (year%4==0 && year%100!=0) ? 28 : 29
　　} else if (mouth == 1 || mouth == 3 || mouth == 5 || mouth == 7 || mouth == 8 || mouth == 10 || mouth == 12) {
　　//月份为：1,3,5,7,8,10,12 时，为大月.则天数为31；
　　days = 31
　　} else {
　　//其他月份，天数为：30.
　　days = 30
　　}
　　return days
　　}
　　/*获取某年有多少天*/
　　getYearOfDay (time) {
　　var firstDayYear = this.getFirstDayOfYear(time);
　　var lastDayYear = this.getLastDayOfYear(time);
　　var numSecond = (new Date(lastDayYear).getTime() - new Date(firstDayYear).getTime())/1000;
　　return Math.ceil(numSecond/(24*3600));
　　}
　　/*获取某年的第一天*/
　　getFirstDayOfYear (time) {
　　var year = new Date(time).getFullYear();
　　return year + "-01-01 00:00:00";
　　}
　　/*获取某年最后一天*/
　　getLastDayOfYear (time) {
　　var year = new Date(time).getFullYear();
　　var dateString = year + "-12-01 00:00:00";
　　var endDay = this.getMonthOfDay(dateString);
　　return year + "-12-" + endDay + " 23:59:59";
　　}
　　/*获取某个日期是当年中的第几天*/
　　getDayOfYear (time) {
　　var firstDayYear = this.getFirstDayOfYear(time);
　　var numSecond = (new Date(time).getTime() - new Date(firstDayYear).getTime())/1000;
　　return Math.ceil(numSecond/(24*3600));
　　}
　　/*获取某个日期在这一年的第几周*/
　　getDayOfYearWeek (time) {
　　var numdays = this.getDayOfYear(time);
　　return Math.ceil(numdays / 7);
　　}
　　3. Array
   /*判断一个元素是否在数组中*/
　　contains (arr, val) {
　　return arr.indexOf(val) != -1 ? true : false;
　　}
　　/**
　　* @param  {arr} 数组
　　* @param  {fn} 回调函数
　　* @return {undefined}
　　*/
　　each (arr, fn) {
　　fn = fn || Function;
　　var a = [];
　　var args = Array.prototype.slice.call(arguments, 1);
　　for(var i = 0; i < arr.length; i++) {
　　var res = fn.apply(arr, [arr[i], i].concat(args));
　　if(res != null) a.push(res);
　　}
　　}
　　/**
　　* @param  {arr} 数组
　　* @param  {fn} 回调函数
　　* @param  {thisObj} this指向
　　* @return {Array}
　　*/
　　map (arr, fn, thisObj) {
　　var scope = thisObj || window;
　　var a = [];
　　for(var i = 0, j = arr.length; i < j; ++i) {
　　var res = fn.call(scope, arr[i], i, this);
　　if(res != null) a.push(res);
　　}
　　return a;
　　}
　　/**
　　* @param  {arr} 数组
　　* @param  {type} 1：从小到大   2：从大到小   3：随机
　　* @return {Array}
　　*/
　　sort (arr, type = 1) {
　　return arr.sort( (a, b) => {
　　switch(type) {
　　case 1:
　　return a - b;
　　case 2:
　　return b - a;
　　case 3:
　　return Math.random() - 0.5;
　　default:
　　return arr;
　　}
　　})
　　}
　　/*去重*/
　　unique (arr) {
　　if ( Array.hasOwnProperty('from') ) {
　　return Array.from(new Set(arr));
　　}else{
　　var n = {},r=[];
　　for(var i = 0; i < arr.length; i++){
　　if (!n[arr[i]]){
　　n[arr[i]] = true;
　　r.push(arr[i]);
　　}
　　}
　　return r;
　　}
　　// 注：上面 else 里面的排重并不能区分 2 和 '2'，但能减少用indexOf带来的性能,暂时没找到替代的方法。。。
　　/* 正确排重
　　if ( Array.hasOwnProperty('from') ) {
　　return Array.from(new Set(arr))
　　}else{
　　var r = [], NaNBol = true
　　for(var i=0; i < arr.length; i++) {
　　if (arr[i] !== arr[i]) {
　　if (NaNBol && r.indexOf(arr[i]) === -1) {
　　r.push(arr[i])
　　NaNBol = false
　　}
　　}else{
　　if(r.indexOf(arr[i]) === -1) r.push(arr[i])
　　}
　　}
　　return r
　　}
　　*/
　　}
　　/*求两个集合的并集*/
　　union (a, b) {
　　var newArr = a.concat(b);
　　return this.unique(newArr);
　　}
　　/*求两个集合的交集*/
　　intersect (a, b) {
　　var _this = this;
　　a = this.unique(a);
　　return this.map(a, function(o) {
　　return _this.contains(b, o) ? o : null;
　　});
　　}
　　/*删除其中一个元素*/
　　remove (arr, ele) {
　　var index = arr.indexOf(ele);
　　if(index > -1) {
　　arr.splice(index, 1);
　　}
　　return arr;
　　}
　　/*将类数组转换为数组的方法*/
　　formArray (ary) {
　　var arr = [];
　　if(Array.isArray(ary)) {
　　arr = ary;
　　} else {
　　arr = Array.prototype.slice.call(ary);
　　};
　　return arr;
　　}
　　/*最大值*/
　　max (arr) {
　　return Math.max.apply(null, arr);
　　}
　　/*最小值*/
　　min (arr) {
　　return Math.min.apply(null, arr);
　　}
　　/*求和*/
　　sum (arr) {
　　return arr.reduce( (pre, cur) => {
　　return pre + cur
　　})
　　}
　　/*平均值*/
　　average (arr) {
　　return this.sum(arr)/arr.length
　　}
　　4. String 字符串操作
   /**
　　* 去除空格
　　* @param  {str}
　　* @param  {type}
　　*       type:  1-所有空格  2-前后空格  3-前空格 4-后空格
　　* @return {String}
　　*/
　　trim (str, type) {
　　type = type || 1
　　switch (type) {
　　case 1:
　　return str.replace(/\s+/g, "");
　　case 2:
　　return str.replace(/(^\s*)|(\s*$)/g, "");
　　case 3:
　　return str.replace(/(^\s*)/g, "");
　　case 4:
　　return str.replace(/(\s*$)/g, "");
　　default:
　　return str;
　　}
　　}
　　/**
　　* @param  {str}
　　* @param  {type}
　　*       type:  1:首字母大写  2：首页母小写  3：大小写转换  4：全部大写  5：全部小写
　　* @return {String}
　　*/
　　changeCase (str, type) {
　　type = type || 4
　　switch (type) {
　　case 1:
　　return str.replace(/\b\w+\b/g, function (word) {
　　return word.substring(0, 1).toUpperCase() + word.substring(1).toLowerCase();
　　});
　　case 2:
　　return str.replace(/\b\w+\b/g, function (word) {
　　return word.substring(0, 1).toLowerCase() + word.substring(1).toUpperCase();
　　});
　　case 3:
　　return str.split('').map( function(word){
　　if (/[a-z]/.test(word)) {
　　return word.toUpperCase();
　　}else{
　　return word.toLowerCase()
　　}
　　}).join('')
　　case 4:
　　return str.toUpperCase();
　　case 5:
　　return str.toLowerCase();
　　default:
　　return str;
　　}
　　}
　　/*
　　检测密码强度
　　*/
　　checkPwd (str) {
　　var Lv = 0;
　　if (str.length < 6) {
　　return Lv
　　}
　　if (/[0-9]/.test(str)) {
　　Lv++
　　}
　　if (/[a-z]/.test(str)) {
　　Lv++
　　}
　　if (/[A-Z]/.test(str)) {
　　Lv++
　　}
　　if (/[\.|-|_]/.test(str)) {

        上文内容不用于商业目的，如涉及知识产权问题，请权利人联系博为峰小编(021-64471599-8017)，我们将立即处理。
22/2<12
《2023软件测试行业现状调查报告》独家发布~

热门推荐

搜索风云榜

测试技术了解

2023测试行业调查报告

挣点稿费

车载测试入门

关注51Testing

热门标签

博文推荐

热点聚焦

最近讲堂

友情链接

51Testing软件测试网 蓝色理想 太平洋软件 天极软件 51CTO开发频道 云计算 第三媒体数码 数据恢复 51Job职场资讯 新客网 Java开源大全 数据分析

联系我们

快捷面板 站点地图 联系我们 广告服务 关于我们 站长统计 发展历程

法律顾问：上海兰迪律师事务所 项棋律师
版权所有 上海博为峰软件技术股份有限公司 Copyright©51testing.com 2003-2024
投诉及意见反馈：webmaster@51testing.com; 业务联系：service@51testing.com 021-64471599-8017

沪ICP备05003035号

沪公网安备 31010102002173号