技术文摘
22 个实用的 JavaScript 单行代码
22 个实用的 JavaScript 单行代码
在 JavaScript 的世界里,简洁而高效的单行代码常常能为开发者带来极大的便利。以下为您介绍 22 个实用的 JavaScript 单行代码,帮助您提升编程效率。
数组去重
[...new Set([1, 2, 2, 3, 3, 3])]数组求和
[1, 2, 3].reduce((a, b) => a + b, 0)数组最大值
Math.max(...[1, 2, 3])数组最小值
Math.min(...[1, 2, 3])判断数组是否包含某个元素
[1, 2, 3].includes(2)对象属性拷贝
{...{ name: 'John', age: 25 } }字符串反转
'hello'.split('').reverse().join('')判断字符串是否包含子串
'hello world'.includes('world')获取随机整数
Math.floor(Math.random() * 100)交换两个变量的值
[a, b] = [b, a]检查变量是否为数字
typeof num === 'number' &&!isNaN(num)计算字符串长度
'hello'.length首字母大写
'hello'.charAt(0).toUpperCase() + 'hello'.slice(1)去除字符串两端的空格
' hello '.trim()检查对象是否为空
Object.keys(obj).length === 0数组筛选出偶数
[1, 2, 3, 4, 5].filter(num => num % 2 === 0)数组元素乘以 2
[1, 2, 3].map(num => num * 2)计算数组元素的平均值
[1, 2, 3].reduce((a, b) => a + b, 0) / [1, 2, 3].length生成指定长度的随机字符串
Array.from({length: 10}, () => Math.random().toString(36).substr(2)).join('')检查数组是否为空
[].length === 0从对象中获取指定属性的值
obj['propertyName']检查变量是否为字符串
typeof str === 'string'
这些 JavaScript 单行代码在日常开发中非常实用,熟练掌握它们能够让您的代码更加简洁、高效。不断探索和实践,您将发现更多 JavaScript 的奇妙之处,为您的开发工作带来更多便利和创新。
TAGS: JavaScript 代码 JavaScript 实用技巧 JavaScript 单行 实用的 JavaScript
- Webpack 如何动态打包异步引入文件并依文件大小优化
- DIV 大小如何根据内容自动调整
- CSS中让Div内两个子Div居中且重叠的方法
- F12开发者工具中虚线框的含义是什么
- 微信小程序按钮在iOS系统上不显示的解决方法
- 怎样利用正则表达式实现对 script 标签中间内容的完整匹配
- 用正则表达式获取PHP文件中第三个Script标签的中间内容方法
- 利用动态表格在vue+elementUI中实现下拉框式表格的方法
- CSS命名规范:类名格式及 first 与 row 的书写先后顺序
- 地图信息弹窗的实现方法
- 前端元素过渡如何实现流畅页面切换
- CSS命名规范之串行与小驼峰抉择及容器类名取舍
- 地图信息窗体与右键菜单怎样实现交互
- JavaScript中代理对象的使用方法
- Chrome 区域外事件捕获:不支持 setCapture() 时如何实现进度条拖动