技术文摘
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 学习
- Google 开源的 Java 字符编码检测工具概述
- 微软超强 Windows 工具集好用到爆
- 9 个唯有经历方能深刻领会的编程道理
- 理解好代码需多编写“不好”的代码
- Promise API 用于加载 JS、CSS 及图像文件
- Spring-Boot-Devtools 热部署体验:流畅且强大
- Python 之父缘何嫌弃 lambda 匿名函数?
- AtomicInteger 的惊人秘密大揭晓
- 高效编写 TS 代码的若干建议
- 从使用内部类开启 Java 基础学习之旅
- 不明白 Kafka 竟敢去面试?
- Git 首个提交的源码解析
- SpringBoot 入门实践
- Java 中缓冲流、转换流与序列化流的详细解析
- 张一鸣对产品技术人才的建议