前端有用JavaScript技巧

数组去重

 var arr = [1, 2, 3, 3, 4];console.log(...new Set(arr))// [1, 2, 3, 4]

数组和布尔值

有时我们需要过滤数组中值为 false 的值. 例如(0, undefined, null, false)

 var myArray = [1, 0 , undefined, null, false];myArray.filter(Boolean);//[1]

合并对象

const page = {current: 1,pageSize: 10}const form = {name: "",sex: ""}const params = {...form, ...page};/*{name: "",sex: "",current: 1,pageSize: 10}*

获取查询参数

// 假设地址栏中查询参数是这样 "?post=1234&action=edit"var urlParams = new URLSearchParams(window.location.search);console.log(urlParams.has('post')); // trueconsole.log(urlParams.get('action')); // "edit"console.log(urlParams.getAll('action')); // ["edit"]console.log(urlParams.toString()); // "?post=1234&action=edit"console.log(urlParams.append('active', '1')); // "?post=1234&action=edit&active=1"

||与&&用法

a() && b() :如果执行a()后返回true，则执行b()并返回b的值；如果执行a()后返回false，则整个表达式返回a()的值，b()不执行；

a() || b() :如果执行a()后返回true，则整个表达式返回a()的值，b()不执行；如果执行a()后返回false，则执行b()并返回b()的值；

    console.log(0 && 4); //0console.log(1 && 4); //4console.log(0 || 4); //4console.log(1 || 4); //1console.log((1 && 3 || 0) && 4); //4 console.log(1 && 3 || 0 && 4); //3 console.log(0 && 3 || 1 && 4); //4