数组或是对象、日期的操作

我会带着你远行 2021-09-15 06:32 294阅读 0赞

一.数组

1.俩个数组的整合 concat

arrs1=["0002", "0003"];
    arrs2=["0004", "1000"];
    arrs1 = arrs1.concat(arrs2);
    console.log(arrs1);//输出 ["0002", "0003", "0004", "1000"]

引申到一个数据的累加

开始arr=\[\];  点击获取后 arr=\["1002","1002"\],再一次点击操作后 arr=\["1403","1334"\] 此时要把每次点击获取的累加起来

var  sumData = new Array();//这个要设置全局变量
     
     
     var selectData=[];//每次点击获取的数组
     sumData=sumData.concat(electData);
     console.log(sumData)

2.js比较两个数组对象,取出不同的值

3.一个数组对象去掉重复的元素

res =[
    	{"bgxmid":"0021","bgxmmc":"暴雪吧"},
    	{"bgxmid":"0223","bgxmmc":"血常规"},
    	{"bgxmid":"0333","bgxmmc":"白细胞"},
    	{"bgxmid":"0444","bgxmmc":"暴雪吧"},
    	{"bgxmid":"0623","bgxmmc":"血常规"},
    	{"bgxmid":"0733","bgxmmc":"红细胞"},
    ]
    
    
    
    var newBgxmID = [];
     var t = 0;
    for(i=0;i<res.length;i++){
         var isTrue = true; 
         for(j=i+1;j<res.length;j++){
             if(res[i].bgxmmc == res[j].bgxmmc){
                  isTrue = false;  
                  break;
               }
         }
        if(isTrue){ 
             newBgxmID[t] = res[i]; 
               t++;
          }
     }
    console.log(newBgxmID)

2.2个数组组合成新的数据集

第一种情况：

var ids = ['1002','10003','1004'];
    var vals = ['苹果','梨','香蕉'];
    var obj = [];
    for(let i =0;i<ids.length;i++){  
    	obj.push({id:ids[i],value:vals[i]})  
    }
    console.log(obj)

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70][]

第二种情况

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 1][]

4. 查看一个参数是否在某个数组内，不再，则数组添加，在，则不理

5.一组数据 重组

let yyqxList = \[  
                    \{  
                        id: 1,  
                        yyqxdm: "yyqx\_1",  
                        clmc: "材料 yyqx\_1\_1",  
                        yyqx: "情形1"  
                    \},  
                    \{  
                        id: 2,  
                        yyqxdm: "yyqx\_2",  
                        clmc: "材料 yyqx\_2\_1",  
                        yyqx: "情形2"  
                    \},  
                    \{  
                        id: 3,  
                        yyqxdm: "yyqx\_1",  
                        clmc: "材料 yyqx\_1\_2",  
                        yyqx: "情形1"  
                    \},  
                    \{  
                        id: 4,  
                        yyqxdm: "yyqx\_2",  
                        clmc: "材料 yyqx\_2\_2",  
                        yyqx: "情形2"  
                    \},  
                    \{  
                        id: 5,  
                        yyqxdm: "yyqx\_3",  
                        clmc: "材料 yyqx\_3",  
                        yyqx: "情形3"  
                    \}  
                \];

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 2][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 3][]

5. 已知menuCheckedKeys = \[1001, 1046,4,1049\] 的值 获取，它的父节点（如：通过1001 得到1，100；通过1046 得到2，109）

<!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width,initial-scale=1.0">
            <title></title>
        </head>
        <body>
        </body>
        <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>
        <script>
            let menuOptions = [
        {
            "id":1,
            "label":"系统管理",
            "children":[
                {
                    "id":100,
                    "label":"用户管理",
                    "children":[
                        {
                            "id":1001,
                            "label":"用户查询"
                        },
                        {
                            "id":1002,
                            "label":"用户新增"
                        },
                        {
                            "id":1003,
                            "label":"用户修改"
                        }
                    ]
                },
                {
                    "id":101,
                    "label":"角色管理",
                    "children":[
                        {
                            "id":1008,
                            "label":"角色查询"
                        },
                        {
                            "id":1009,
                            "label":"角色新增"
                        }
                    ]
                },
                {
                    "id":102,
                    "label":"菜单管理",
                    "children":[
                        {
                            "id":1013,
                            "label":"菜单查询"
                        },
                        {
                            "id":1014,
                            "label":"菜单新增"
                        }
                    ]
                }
            ]
        },
        {
            "id":2,
            "label":"系统监控",
            "children":[
                {
                    "id":109,
                    "label":"在线用户",
                    "children":[
                        {
                            "id":1046,
                            "label":"在线查询"
                        },
                        {
                            "id":1047,
                            "label":"批量强退"
                        },
                        {
                            "id":1048,
                            "label":"单条强退"
                        }
                    ]
                },
                {
                    "id":110,
                    "label":"定时任务",
                    "children":[
                        {
                            "id":1049,
                            "label":"任务查询"
                        },
                        {
                            "id":1050,
                            "label":"任务新增"
                        }
                    ]
                },
                {
                    "id":111,
                    "label":"数据监控"
                },
                {
                    "id":112,
                    "label":"服务监控"
                },
                {
                    "id":113,
                    "label":"缓存监控"
                }
            ]
        },
        {
            "id":3,
            "label":"系统工具",
            "children":[
                {
                    "id":114,
                    "label":"表单构建"
                },
                {
                    "id":116,
                    "label":"系统接口"
                }
            ]
        },
        {
            "id":2000,
            "label":"发票代开管理",
            "children":[
                {
                    "id":2001,
                    "label":"单位授权管理",
                    "children":[
                        {
                            "id":2004,
                            "label":"查询"
                        }
                    ]
                },
                {
                    "id":2019,
                    "label":"发票代开申请",
                    "children":[
                        {
                            "id":2022,
                            "label":"新增"
                        },
                        {
                            "id":2023,
                            "label":"修改"
                        }
                    ]
                }
            ]
        },
        {
            "id":2043,
            "label":"查询统计",
            "children":[
                {
                    "id":2044,
                    "label":"发票代开查询",
                    "children":[
                        {
                            "id":2047,
                            "label":"查询"
                        },
                        {
                            "id":2048,
                            "label":" 查看税款"
                        }
                    ]
                }
            ]
        }
    ]
    
    let menuCheckedKeys = [1001, 1046,4,1049];
    let halfCheckedKeys = []
    halfCheckedKeysFn();
    // 取数据
    function halfCheckedKeysFn() {
    	let parentIds = getNewData(menuOptions);
    	if (!parentIds || parentIds.length === 0) {
    		return []
    	}
    	Object.keys(parentIds).map(key => {
    		const currentIndex = menuCheckedKeys.indexOf(parseInt(key))
    		if (currentIndex !== -1) {
    			halfCheckedKeys.push(parentIds[key])
    		}
    	})
    	
    	console.log('最后的数据halfCheckedKeys:',_.uniq(halfCheckedKeys.flat(Infinity)))
    }
    // menuOptions 数据结果转成抹平化数组
    function getNewData(datas) {
    	const mapList = {};
    	if (!datas || datas.length === 0) {
    		return []
    	}
    	datas.forEach(node => {
    		if (mapList[node.id]) {
    			mapList[node.id].push(node.id);
    		} else {
    			mapList[node.id] = []
    		}
    		if (node.children && node.children.length > 0) {
    			let erData = node.children;
    			erData.forEach(er => {
    				if (mapList[er.id]) {
    					mapList[er.id].push(node.id);
    				} else {
    					mapList[er.id] = [node.id]
    				}
    				if (er.children && er.children.length > 0) {
    					let sanData = er.children;
    					sanData.forEach(san => {
    						if (mapList[san.id]) {
    							mapList[san.id].push(node.id);
    							mapList[san.id].push(er.id);
    						} else {
    							mapList[san.id] = [node.id, er.id]
    						}
    					})
    				}
    			})
    		}
    	})
    	console.log('抹平数据：',mapList)
    	return mapList
    }
        </script>
    
    </html>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 4][]

二.对象

1.对象之间的整合  Object.assign(oData,fData);

2.js对象转成json对象

使用JSON.parse() 将JSON字符串转为JS对象

JS对象转JSON ：Object.toJSONString()

var allData = {
    	bbcj:[],
    	info:{swrq00:"20181009",syzz01:"发热℃",syzz02:"面色潮红",syzz26:"呕吐次/天"}
    }
    
    var jsonStr = JSON.stringify(allData); //js对象转成json对象
    console.log(jsonStr)
    {"info":{"swrq00":"20181009","syzz01":"发热℃","syzz02":"面色潮红","syzz26":"呕吐次/天"},"bbcj":[]}

3.判断一个集合里面的是否有空的值

4. 对象删除

var obj={name: "小高", 项目类型: "药品", 项目名称: "布"}  
    if(obj.hasOwnProperty('项目类型') == true){
         delete obj['项目类型']     
    } 
    console.log(obj)//{name: "小高", 项目名称: "布"}

5.切割

1.切割以空格作为分隔符的字符串
    var str='发热  38℃';
    var arr = str.split(/\s+/);//["发热", "38℃"]
    
    2.逗号分隔
    str="2,2,3,5,6,6"; //这是一字符串 
    	var bzglStrs = new Array();
        bzglStrs = str.split(",")
    
    3.'-'去掉
    var  date = '2018-10-22';
    date.replace(/-/g, "");//20181022
    date.replace(/\-| |:/g,"")+"000000" //20181022000000
    
    yyyy-mm-dd hh:mm:ss  转成YYYYMMDDHHMMSS
    var  date = '2018-10-22 10:22:12';
    date.replace(/\-| |:/g,"");//20181022102212
    
    4.'20181022'=====>'2018-10-22'
    var date='20181022';
    var newDate = date.substring(0, 4)+'-'+ date.substring(4, 6)+'-'+ date.substring(6, 8);
    console.log(newDate)//'2018-10-22'
    
    5.'2019-07 - 2019-08' ====>201907  201908
    var date = '2019-07 - 2019-08';
    date.replace(/\-/g, '');

三.日期

1. 日期变成时间戳

var  times = (new Date("2018/06/24 01:12:33")).getTime()/1000;

2.时间戳变成日期

new Date(parseInt("1561338000") \* 1000).toLocaleString().replace(/:\\d\{1,2\}$/,' ') // 2019/6/24 上午9:00

3.时间相加减

时间戳 其实就是转成毫秒，所以时间，日期相加减都是转成时间戳(毫秒),然后在计算

1.09:00 减30 （9点提前30分钟的时间）
    
     var ns = (new Date("2019/06/24 09:00:00")).getTime()/1000;
    var prevTime = (30 * 60 * 1000)/1000;
    var duraction =ns - prevTime;
    var nowday = new Date(parseInt(duraction) * 1000).toLocaleString().replace(/:\d{1,2}$/,' '); //2019/6/24 上午8:30

4.时间比较

//2.获取本地的时间戳
    const timestampNows = new Date().getTime();
     var  times = (new Date("2020/09/24 14:10:00")).getTime();
     console.log('时间戳:',timestampNows,times,(timestampNows-times)/1000/60)
    times = (timestampNows -times)/1000/60;
    
    times 分钟

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70]: /images/20210813/8fce07e850c64a7d804e5d102a5abd7c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 1]: /images/20210813/01e2810d15e5471baeac4e75eadf42f7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 2]: /images/20210813/4479d0cfea37471e9e4ca2ec973397c6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 3]: /images/20210813/a7ef0844e84f485ab05dd25f5a2733a1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 4]: /images/20210813/19896acffa5d4439adf162e3bc0c0bac.png