技术文摘
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
- CSS 语音平衡属性 voice-balance
- 我的页面背景能否有一个 HTML 画布元素
- CSS 轮廓相关属性
- CSS3新特性大盘点:CSS3实现旋转效果的方法
- 如何修复HTML中getImageData()的“画布已被跨域数据污染”错误
- 用CSS实现鼠标悬停元素时显示溢出内容
- 掌握 Vue 3 新特性,进阶前端开发技能
- JavaScript 中如何使用 in 运算符
- Vue 3 中利用 Teleport 组件实现全局通知功能的方法
- Materialise CSS 包含哪些实用程序类
- JavaScript 中如何将 UTC 日期时间转为本地日期时间
- 怎样把图像或视频置于剪影内
- Node.js 中 V8 引擎的解释
- FabricJS 中如何检查 IText 对象是否已填充
- FabricJS 中如何给文本框添加阴影