js好用的方法-笔记总结，持续更新！

前言

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

一行代码获取子级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), [])
		}		

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

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

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

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

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

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

图片懒加载loadImg()

//逻辑新建一个Image对象实例，为实例对象设置src属性等，在onload事件中添加此实例对象到父元素中，然后将图片地址数组中的第一个元素剔除，继续调用此方法直到存储图片地址的数组为空
const imgArrs = [...]; // 图片地址
const content = document.getElementById('content');
const loadImg = () => {
  if (!imgArrs.length)  return;
  const img = new Image(); // 新建一个Image对象
  img.src = imgArrs[0];
  img.setAttribute('class', 'img-item');
  img.onload = () => { // 监听onload事件
    // setTimeout(() => { // 使用setTimeout可以更清晰的看清实现效果
      content.appendChild(img);
        imgArrs.shift();
        loadImg();
    // }, 1000);
  }
  img.onerror = () => {
    // do something here
  }
}
  loadImg();