前端有用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技巧相关推荐
- 好程序员Web前端分享无法忽视的JavaScript技巧
好程序员Web前端培训分享无法忽视的JavaScript技巧.在大家从事web前端的工作中,很容易忽视一些JavaScript的小技巧,今天为大家总结了一些容易被大家忽略的技巧,希望能够对大家有所帮助 ...
- 12 个非常有用的 JavaScript 技巧
在这篇文章中将给大家分享12个有关于JavaScript的小技巧.这些小技巧可能在你的实际工作中或许能帮助你解决一些问题. 使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是 ...
- 7个有用的JavaScript技巧
就像所有其他编程语言一样,JavaScript具有许多技巧来完成简单和困难的任务. 一些技巧已广为人知,而另一些技巧足以使您震惊. 让我们来看看您今天可以开始使用的七个JavaScript技巧! 数组 ...
- 【笔记-面试】《imooc -前端跳槽面试技巧》、《imooc- 揭秘一线互联网企业 前端javaScript高级面试》、《imooc-前端javascript面试技巧》
20190204:<imooc -前端跳槽面试技巧> 第01章 课程介绍 01-01 课程导学 一.一面知识点 1.面试技巧 页面布局类 2.css盒模型dom事件类 3.http协议类 ...
- javascript获取系统时间时区_5个JavaScript技巧让你成为更好的开发者
英文 | https://levelup.gitconnected.com/5-javascript-tricks-that-are-good-to-know-78045dea6678翻译 | web ...
- 21个值得收藏的Javascript技巧
在本文中列出了21个值得收藏的Javascript技巧,在实际工作中,如果能适当运用,则大大提高工作效率. 1 Javascript数组转换为CSV格式 首先考虑如下的应用场景,有一个Javscri ...
- javascript乘法和加法_Web前端:JavaScript中的NaN是什么?
大家好,我来了,本期为大家带来的前端开发知识是"Web前端:JavaScript中的NaN是什么?",有兴趣做前端的朋友,一起来看看吧! JavaScript中的数字类型包含整数和 ...
- web开发的一些工具技巧_有用的技巧可帮助您建立Web开发人员的良好习惯
web开发的一些工具技巧 by Antoine Lechenault 通过安托万·莱切诺特(Antoine Lechenault) 有用的技巧可帮助您建立Web开发人员的良好习惯 (Useful ti ...
- 前端装逼技巧 108 式(一)—— 打工人
你在拼多多到处找人砍价,他在滴滴打车求人助力,我在电子厂拧螺丝拧到凌晨,我们都有光明的未来!早安,打工人! 楔子 作为一名拥有钢铁般意志的前端打工人,装逼是不可能的,这辈子都不可能装逼.如果真要装逼, ...
最新文章
- mysql中decimal与float_MySQL中的float和decimal类型有什么区别
- 数据结构和算法-001 数组
- Spring RestTemplate中文乱码解决方案
- 【elasticsearch】org.elasticsearch.cluster.block.ClusterBlockException: blocked by: [SERVICE_UNAVAILA
- 树莓派 libcurl安装
- gnuTLS 提供的 DTLS-API
- html清除两端浮动,HTML中如何实现浮动与清除浮动
- 阶段5 3.微服务项目【学成在线】_day04 页面静态化_22-页面静态化-静态化测试-静态化程序测试...
- Docker破解AWVS和Nessus
- (1.6w字)浏览器灵魂之问,请问你能接得住几个?
- activity启动流程或工作流程
- 2022年全球及中国工程软件 (CAD、CAM、 CAE、AECEDA)行业头部企业市场占有率及排名调研报告
- GitHub 上超屌的 9 个 Vue 开源项目
- epsfallback_5G语音回落4G解决方案探讨
- 收藏夹功能打开解析视频连接
- #4306. 贪玩蓝月
- ceph rbd mysql_ceph的rbd使用和理解(全)
- 浅谈tabulate
- robocode 相关的总结
- [附源码]计算机毕业设计JAVA合租吧管理系统
热门文章
- ADO.NET_09_Using 关键字
- AjaxToolKit学习笔记 之 ModalPopupExtender
- php curl 采集文件,curl获取远程文件内容
- 做折线图坐标轴数字_Excel折线图表的另类表达制作?牛闪君使用了双线表达法来完成...
- SON_EXAM考试php,通用全国少儿英语等级考试:三星笔试真题
- python 子串是否在字符串中_python七种方法判断字符串是否包含子串
- linux redis客户端_为什么单线程Redis能那么快?
- 力扣35. 搜索插入位置
- Redis对象的refcount与lru属性(内存回收、对象共享、空转时长)
- r语言 分类变量 虚拟变量_R语言中的变量