JS小技巧,让你编码效率杠杠的,快乐摸鱼
寻找最大值最小值,求和
reduce版
总和
var array = [1,2,3,4,5] array.reduce((a, b) => a + b)
示例:
最大值
var array = [12, 34, 22, 32, 21] array.reduce((a, b) => a > b ? a : b)
示例:
最小值
var array = [12, 34, 22, 32, 21] array.reduce((a, b) => a < b ? a : b)
示例:
排序
字符串排序
升序
var array = ["jack", "lucy", "bert", "tom", "beenle", "lirika"] array.sort()
示例:
降序
var array = ["jack", "lucy", "bert", "tom", "beenle", "lirika"] array.sort().reverse()
示例:
过滤数组中假值
var array = [1, "11", 0, "0", false, true, null, undefined, ''] array.filter(Boolean)
示例:
去重
数字去重
var array = [1,2,3,4,5,1,3,5,6] [...new Set(array)]
示例:
对象数组去重
/*** arr: 作用数组* uniKey: 去重字段*/ function uniqueFunc(arr, uniKey){const res = new Map();return arr.filter((item) => !res.has(item[uniKey]) && res.set(item[uniKey], 1)); }
示例:
JS小技巧,让你编码效率杠杠的,快乐摸鱼相关推荐
- 你不知道的十个 JS 小技巧
总结了一些开发常用的 JS 小技巧,让你的代码更优雅! 1. 使用 const 定义 在开发中不要过度声明变量,尽量使用表达式和链式调用形式.然后一般能用 const 就不要用 let .这种模式写多 ...
- 2022前端应该掌握的10个 JS 小技巧
你知道 0 ?? 1等于多少吗? 大家好,我是 LBJ,今天我们聊聊2022一些值得掌握的新特性! 现在前端发展很快,各种技术和框架层出不穷.百花齐放,很多人都喊学不动啦!事实上JavaScript ...
- node.js小技巧——使用 supervisor
1.首先使用 npm 安装 supervisor: npm install -g supervisor 2.使用 supervisor 命令启动 app.js: supervisor app.js s ...
- 前端开发,JavaScript实际开发过程中常用JS小技巧
1.JS 阻止'a'标签默认事件 //阻止a标签默认事件 var evt = evtwindow.event;/获取event对象 if (evt.preventDefault) {evt.preve ...
- JS小技巧——随机数的生成
应用场景: 日常生活中,抽奖环节或者选人环节对于一个范围内随机数选择的频率是很高的. 例如1~100之间的某个整数. 问题描述: JS中 Math 对象的 random() 方法是结果在 [0,1) ...
- 20个JS 小技巧超级实用
1. 将彻底屏蔽鼠标右键οncοntextmenu="window.event.returnValue=false"<tableborder oncontextmenu=re ...
- JS小技巧 ----- 在onmousedown事件下避免文本选取
场景 在浏览器中,当我们长按鼠标左键后会开始选取文段,松开鼠标后再对着文本长按左键,就可以移动文本的副本到浏览器搜索栏中了.现在我们要通过JS实现长按元素来拖拽一个元素,但是当无意间选中文本只后,再来 ...
- js小技巧,收藏.作者:空军上将
1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4. ...
- 200多个JS小技巧
1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后,产生该文件 ...
最新文章
- solaris系统的网卡配置
- 《强化学习周刊》第7期:强化学习应用之游戏
- 机器学习算法基础——数据降维
- python接口自动化接口依赖_Python接口自动化之mock模块简单使用
- 【计组实验】P4 Verilog多周期处理器微系统 MIPS指令集
- 踩坑记录--VScode编辑不同文件没有及时crtl+s,导致文件修改无效
- yolov5-pytorch训练自己的数据集
- DevOps知识地图实践指南
- git 入门教程之 git 私服搭建教程
- Silverlight访问Web Service报System.Security.SecurityException: 安全性错误的处理
- pt-query-digest分析mysql日志
- Linux centos hook,centos7 U盘安装卡在 starting dracut initqueue hook
- disc性格测试cs适合职业_DISC职业性格测试
- ajax标准完整写法
- 谷歌大中华区总裁李开复离职
- 学生奖学金评定系统c语言,学生奖学金评定系统.doc
- 计算机类专业必备的软件,拿来把你
- PX Deq Credit: send blkd
- 每天一道博弈论之“肥猫的游戏”
- 大象无形11.4.4 实战:创建新的渲染代理 笔记