當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
前端有用JavaScript技巧
生活随笔
收集整理的這篇文章主要介紹了
前端有用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?
轉載于:https://www.cnblogs.com/lwming/p/11154589.html
總結
以上是生活随笔為你收集整理的前端有用JavaScript技巧的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 不孕不育的主要原因是什么?
- 下一篇: 闪耀暖暖如何切换登陆