技术文摘
28 个 JavaScript 单行代码助你登顶 JavaScript 神坛
28 个 JavaScript 单行代码助你登顶 JavaScript 神坛
在 JavaScript 的世界里,巧妙运用单行代码能够极大地提高开发效率和代码质量。以下为您精心呈现 28 个神奇的单行代码,助您在 JavaScript 的道路上越走越远,勇攀高峰。
数组去重
[...new Set([1, 2, 2, 3, 3, 3])]反转字符串
'hello'.split('').reverse().join('')计算数组元素之和
[1, 2, 3, 4].reduce((a, b) => a + b, 0)检查对象是否具有某个属性
const obj = { name: 'John' }; 'name' in obj生成随机整数
Math.floor(Math.random() * 100)筛选出数组中的奇数
[1, 2, 3, 4, 5].filter(num => num % 2!== 0)获取数组中的最大值
Math.max(...[1, 2, 3, 4, 5])检查变量是否为数字
typeof num === 'number' &&!isNaN(num)数组元素映射
[1, 2, 3].map(num => num * 2)合并多个数组
[...[1, 2],...[3, 4]]去除字符串两端的空格
' hello '.trim()检查数组是否为空
[].length === 0克隆对象
JSON.parse(JSON.stringify(obj))计算字符串中某个字符出现的次数
'hello'.split('l').length - 1数组扁平化
[1, [2, [3]]].flat(Infinity)检查数组是否包含某个元素
[1, 2, 3].includes(2)交换两个变量的值
[a, b] = [b, a]生成指定长度的随机字符串
Array.from({length: 10}, () => Math.random().toString(36)[2]).join('')计算数组元素的平均值
[1, 2, 3, 4, 5].reduce((a, b) => a + b) / [1, 2, 3, 4, 5].length字符串首字母大写
'hello'.charAt(0).toUpperCase() + 'hello'.slice(1)获取当前日期
new Date().toISOString().split('T')[0]判断两个数组是否相等
JSON.stringify(arr1) === JSON.stringify(arr2)从数组中随机取出一个元素
[1, 2, 3][Math.floor(Math.random() * 3)]清空数组
arr.length = 0判断一个值是否为数组
Array.isArray(arr)获取对象的键数组
Object.keys(obj)获取对象的值数组
Object.values(obj)判断一个值是否为函数
typeof func === 'function'
掌握这些单行代码,将为您的 JavaScript 开发之旅带来巨大的便利和效率提升。不断实践和探索,您将在 JavaScript 的世界中创造出更加精彩的作品!
TAGS: JavaScript 技巧 JavaScript 单行代码 登顶 JavaScript 神坛 JavaScript 学习
- 14 个短代码所蕴含的丰富 Python 编程思维
- Swift 中 key paths 的能力探讨
- XR 产业的现状与展望
- 五分钟趣谈技术:OCR于游戏加速效果中的应用
- Go Cmd 服务无法正常退出的问题
- 5 分钟让您快速掌握 Python JWT 接口认证
- 百年献礼:党史学习服务卡片开发
- 黑科技揭秘!达成 Socket 进程间迁移
- PostgreSQL 流复制容灾库架构的设想与实现
- Flink1.12 SQL 实时向 Redis 写数据
- Rust 之函数劝退篇
- 架构重构的十二项准则
- Vue2 与 Composition API 相遇能产生何种火花
- 消费者的实现逻辑 - Kafka 知识体系(四)
- Px、Rpx、Em、Rem 、Vw/Vh 及百分比的差异