码迷,mamicode.com
首页 > 编程语言 > 详细

前端有用JavaScript技巧

时间:2019-07-09 00:27:45      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:||   表达   sea   获取   参数   地址   asc   als   OLE   

数组去重

 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‘)); // 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"

||与&&用法

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

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

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

 

前端有用JavaScript技巧

标签:||   表达   sea   获取   参数   地址   asc   als   OLE   

原文地址:https://www.cnblogs.com/lwming/p/11154589.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!