js小技巧

1、创建无重复的唯一值数组

var j = [...new Set([1, 2, 3, 3])]                

>> [1, 2, 3]

 Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。

 

2、数组去除空值

Array.filter(Boolean) 

相当于是传入Boolean构造函数来转化数组内的每一项并返回，与filter的返回false则过滤，返回true则保留对应

 

3、创建空对象

Object.creat(null)

创建的对象里没有任何继承来的方法和属性

4、合并对象

解构（...）结构合并

5、给函数的参数赋默认函数（如参数效验报错）

const isRequired = () => { throw new Error('param is required'); };
const hello = (name = isRequired()) => { console.log(`hello ${name}`) };// This will throw an error because no name is provided
hello();// This will also throw an error
hello(undefined);// These are good!

6、解构赋值修改参数名称   

const obj = { x: 1 };             
const { x } = obj;         // Grabs obj.x as { x }           
const { x: otherName } = obj;  // Grabs obj.x as { otherName }   

7、获取URL参数

// Assuming "?post=1234&action=edit"
var urlParams = new URLSearchParams(window.location.search);

console.log(urlParams.has('post')); // true
console.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"

 

转载于:https://my.oschina.net/mdu/blog/3093133