常用JS代码

选择元素

var ement1 = document.getElementById("id1");//根据id查找
var ement2 = document.getElementsByClassName("class1");//根据class返回元素的集合
var ement3 = document.getElementsByName("name1");//根据Name返回元素的集合
var ement4 = document.getElementsByTagName('div');//根据Tag搜索
var ement5 = document.querySelector('#id1');//返回唯一的一个元素，如果满足条件的元素有多个，那么它只会返回第一个
var ement5 = document.querySelectorAll('.js-class1');//返回元素的数组，即使只有一个元素

数字

var num1 = parseInt(5/2);//丢弃小数部分，保留整数部分
var num2 = Math.ceil(5/2);//向上取整，有小数就整数部分加1
var num3 = Math.floor(5/2);//向下取整，丢弃小数部分
var num4 = Math.round（5/2）;//四舍五入
var num5 = Math.min（1,2,3）;//取最小值
var num6 = Math.max（1,2,3）;//取最大值

数组方法

//示例数组
var list=[{id:1,name:'张三'},{id:2,name:'李四'}]
//返回符合条件的第一个对象，没有则返回undefined
list.find(f=>f.id==1)
//筛选或者删除，直接接受返回对象则相当于删除某些元素
list.filter(f=>f.id>1)
//去掉数组中的undefined，null，空字符
list.filter(item => item)
//向数组中增加元素
list.push({id:3,name:'王五'})
//示例数组2
var arr = [1, 2, 4, 5, 6, 9, 10, 15];
//删掉偶数，只保留奇数，其他类似
var r = arr.filter(function (x) {
    return x % 2 !== 0;
});
//更多参数，依次为某个元素，索引值，数组本身
arr.filter(function (element, index, self){
    //这里是方法
    return true;
});
//循环遍历，单个参数为某个元素，第二个元素为元素位置
list.forEach(function(v,k){console.log(v,k);})
list.concat(list1,list2) //连接任意多个数组为一个数组
list.findIndex(f=>f==4) //第一次出现的位置
list.findLastIndex(f=>f==4) //最后一次出现的位置
list.findLast(f=>f==4) //返回最后一个符合条件的元素
list.includes(4) //判断一个数组是否包含一个指定的值
list.join(',') //把数组中的所有元素转换为一个字符串
list.reduce((total,num)=>{return total+num}) //将数组元素计算为一个值（从左到右）
list.reduceRight()((total,num)=>{return total+num}) //将数组元素计算为一个值（从右到左）
list.reverse() //反转数组的元素顺序
list.pop() //删除并返回数组的最后一个元素，会改变原数组
list.shift() //删除并返回数组的第一个元素，会改变原数组
list.slice(1,2) //返回选定的元素，从索引为1的到索引为2的元素(第二个元素可空)，不会改变原数组
list.some(f=>f==4) //判断数组中是否有满足条件的元素，返回true或false
list.some((value,index,arr)=>value==4) //更多参数,分别为当前元素，索引值，数组对象
list.sort() //排序
list.sort(function(a,b){return a-b}) //数字排序，更多根据需求排序
list.splice(2,2) 从第三个位置开始删除数组后的两个元素，参数1为必须，后面可选
list.splice(2,1,11,12) 从第三个位置开始删除数组后的一个元素，并在数组第三个位置添加两个新元素
list.unshift(-1,-2) //向数组的开头添加一个或更多元素
const uniqueArr = (arr) => [...new Set(arr)];//数组去重
uniqueArr(list)

其他

//把星期的从星期日到星期六对应0-6,修改为星期一到星期日为0-6
var newWeek = (week+6)%7;
//js阻止事件冒泡的方法
stopPropagation();
cancelBubble = true;
const isTabActive = () => !document.hidden;//检查当前选项卡是否在后台
isTabActive() // true|false
const judgeDeviceType =
      () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|OperaMini/i.test(navigator.userAgent) ? 'Mobile' : 'PC';//检查设备类型
judgeDeviceType()  // PC | Mobile

参考博客

1. 我写这10+个JavaScript单行代码，被组长夸代码写得优雅！