扁平数据转树级，cookie封装，日期格式化

最新推荐文章于 2024-08-22 14:32:34 发布

李不言￥

最新推荐文章于 2024-08-22 14:32:34 发布

阅读量58

点赞数

文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/weixin_51569223/article/details/130087511

版权

这篇文章提供了一组JavaScript工具函数，包括将扁平数据转换为树形结构的转换方法，Cookie的设置、获取和移除功能，以及一个日期格式化的函数。这些函数对于前端开发中的数据管理和用户交互很有帮助。

摘要由CSDN通过智能技术生成

export let tool = {}

//扁平数据转树级
 tool.ToTree = {
      convertToTree(flatData) {
        let treeData = [];
        let map = new Map(); 
        let outputObj, pid;
        for (let i = 0; i < flatData.length; i++) {
          pid = flatData[i].pid;
          if (map.has(pid)) {
              if (!map.get(pid).children) 
                  map.get(pid).children = [];
                  let obj = new Object(flatData[i]);
                  map.get(pid).children.push(obj);
                  map.set(flatData[i].id, obj);
            } else if (!map.has(pid) && pid == 0) {
            outputObj = new Object(flatData[i]);
                treeData.push(outputObj);
                map.set(flatData[i].id, outputObj);
            }
        }
        return treeData;
     },
    
}

/*cookie*/
tool.cookie = {
	set(name, value, config={}) {
		var cfg = {
			expires: null,
			path: null,
			domain: null,
			secure: false,
			httpOnly: false,
			...config
		}
		var cookieStr = `${name}=${encodeURIComponent(value)}`
		if(cfg.expires){
			var exp = new Date()
			exp.setTime(exp.getTime() + parseInt(cfg.expires) * 1000)
			cookieStr += `;expires=${exp.toGMTString()}`
		}
		if(cfg.path){
			cookieStr += `;path=${cfg.path}`
		}
		if(cfg.domain){
			cookieStr += `;domain=${cfg.domain}`
		}
		document.cookie = cookieStr
	},
	get(name){
		var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"))
		if(arr != null){
			return unescape(arr[2])
		}else{
			return null
		}
	},
	remove(name){
		var exp = new Date()
		exp.setTime(exp.getTime() - 1)
		document.cookie = `${name}=;expires=${exp.toGMTString()}`
	}
}


/* 日期格式化 */
tool.dateFormat = function (date, fmt='yyyy-MM-dd hh:mm:ss') {
	date = new Date(date)
	var o = {
		"M+" : date.getMonth()+1,                 //月份
		"d+" : date.getDate(),                    //日
		"h+" : date.getHours(),                   //小时
		"m+" : date.getMinutes(),                 //分
		"s+" : date.getSeconds(),                 //秒
		"q+" : Math.floor((date.getMonth()+3)/3), //季度
		"S"  : date.getMilliseconds()             //毫秒
	};
	if(/(y+)/.test(fmt)) {
		fmt=fmt.replace(RegExp.$1, (date.getFullYear()+"").substr(4 - RegExp.$1.length));
	}
	for(var k in o) {
		if(new RegExp("("+ k +")").test(fmt)){
			fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
		}
	}
	return fmt;
}

其它后续更新。。。