JS日常方法功能总结

前言

整理一些比较实用的方法做做笔记！后面发现有不错的方法功能会及时更新🙈

1· 一行代码获取子级id

	JS//
		let arr=[{"platformId":"30205329925878041","platformName":"平台权限管理系统","roles":[
	                {"roleId":968495,"roleName":"平台普通用户" },
	                { "roleId":968466,"roleName":"普通管理员"},
	                { "roleId":2, "roleName":"平台管理员" },
	                { "roleId":1, "roleName":"超级管理员"}]
                },
	         	{"platformId":"41", "platformName":"test平台1","roles":[
	                { "roleId":968548,"roleName":"哈_哈%"  },
	                { "roleId":968532,"roleName":"平台管理员" },
	                { "roleId":968477, "roleName":"平台管理员" },
	                {"roleId":968476,  "roleName":"role1"}]
                },
				{ "platformId":"43","platformName":"管理","roles":[
	                { "roleId":968494,"roleName":"gg" },
	                {"roleId":968493,"roleName":"gg"},
	                {"roleId":968492,"roleName":"普通用户"},
	                {"roleId":968491,"roleName":"平台管理员"}]
	            }]
			//获取所有三级id
			idlist = arr.reduce((acc, cur) => (cur.roles.forEach(({roleId}) => acc.push(id)), acc), [])
		}		

2· 判断数组对象中的属性，返回布尔值

Array.every() 是对数组中每一项运行给定函数，如果该函数对每一项返回true,则返回true。
every从迭代开始，一旦有一个不符合条件，则不会继续迭代下去。

3· 密码验证(包含数字、字母、特殊符号组合的密码，且不能少于8位大于16位)

const reg = /^(?=.*[a-zA-Z])(?=.*\d)(?=.*[~!@#$%^&*()_+`\-={}:";'<>,.\/]).{8,16}/

4· 关闭浏览器时触发的事件-beforeunload()

//在vue2中，一般情况先放在created() or mounted()中就可以执行。
window.addEventListener("beforeunload",e=>{
             console.log('关闭浏览器时触发！')
            });

5·type类型为number的input标签可以输入字母e、E、+、-的解决方法

//e在数学上代表的是无理数，是一个无限不循环的小数，其值约为2.7182818284，所以在输入e的时候，输入框会把e当成一个数字看待
//input类型number时输入会存在'-、+、e、E'

/*解决方法*/
onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" 
//	例：
<el-input type="number" onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"   />

6·输入框中只允许输入小数点和数字，小数点后只能跟两

	value.match(/^\d*(\.?\d{0,2})/g)[0]

7·小数点前自动补0。例：.1 = 0.1

if(value.includes('.')&&value.split('.')[0]==='')  value = '0'+value;

8·移动端调用数字键盘（ pattern=“[0-9]*”）

 <el-input type="text" size="mini" clearable v-model="form.money" @input="inputLimit" pattern="[0-9]*"/>