技术文摘
29 个实用的 JavaScript 单行代码
29 个实用的 JavaScript 单行代码
在 JavaScript 编程的世界里,巧妙运用单行代码能够极大地提高开发效率和代码的简洁性。以下为您介绍 29 个实用的 JavaScript 单行代码示例。
数组去重
[...new Set([1, 2, 2, 3, 3, 3])]数组求和
[1, 2, 3].reduce((a, b) => a + b, 0)检查数组是否包含某个值
[1, 2, 3].includes(2)获取数组中的最大值
Math.max(...[1, 2, 3])获取数组中的最小值
Math.min(...[1, 2, 3])反转字符串
'hello'.split('').reverse().join('')检查对象是否具有某个属性
({ name: 'John' }).hasOwnProperty('name')计算字符串中某个字符出现的次数
'hello'.split('l').length - 1生成指定长度的随机字符串
Array.from({ length: 10 }, () => Math.random().toString(36)[2]).join('')交换两个变量的值
[a, b] = [b, a]计算阶乘
(n) => (n <= 1? 1 : n * factorial(n - 1))(5)筛选出奇数
[1, 2, 3, 4, 5].filter(num => num % 2!== 0)筛选出偶数
[1, 2, 3, 4, 5].filter(num => num % 2 === 0)计算数组元素的平均值
[1, 2, 3].reduce((a, b) => a + b, 0) / [1, 2, 3].length判断是否为数字
typeof 5 === 'number'转换为数字
+'5'去除字符串两端的空格
' hello '.trim()获取字符串的第一个字符
'hello'[0]获取字符串的最后一个字符
'hello'[ 'hello'.length - 1 ]检查是否为数组
Array.isArray([1, 2, 3])克隆数组
[...[1, 2, 3]]合并多个数组
[...[1, 2],...[3, 4]]从数组中删除指定元素
[1, 2, 3].filter(num => num!== 2)随机打乱数组
[1, 2, 3].sort(() => Math.random() - 0.5)截取字符串
'hello'.slice(1, 4)转换为大写
'hello'.toUpperCase()转换为小写
'HELLO'.toLowerCase()判断是否为空对象
Object.keys({}).length === 0获取当前日期和时间
new Date().toString()
这些单行代码在日常的 JavaScript 开发中非常实用,能够让您的代码更加简洁、高效。熟练掌握它们,将为您的编程工作带来极大的便利。
希望以上内容对您有所帮助,让您在 JavaScript 编程的道路上更加得心应手!
TAGS: JavaScript 编程技巧 JavaScript 单行代码 JavaScript 实用技巧 高效 JavaScript 代码
- 如何在 Mac 系统自带邮件程序中添加 QQ 邮箱帐号
- Mac 如何把 Time Machine 备份的系统还原至新硬盘
- 如何在 Mac 系统的 Safari 浏览器中将网页保存至备忘录 Notes
- MAC 截图方法:详解利用自带抓图软件截图步骤
- Mac OS 中 SVN 版本控制系统的配置与使用
- MAC 移动硬盘无法写入的解决之策
- MAC OS X 隐藏桌面设备图标的方法
- 苹果 Mac 下载 Adguard 插件屏蔽浏览器广告的方法
- 在 Mac OS X 中如何设置语音输入与语音播报
- 苹果 Mac Pages 上下标设置图文教程
- 苹果 iOS/OS X 系统中 Safari 浏览器频繁崩溃如何解决?
- Mac 系统中 Safari 无法退出且不能关机的解决办法
- MAC 复制文件路径的方法及查看途径
- Mac 无法安装 12306 根证书解决办法及苹果电脑安装图文教程
- 如何在 Mac OS X 系统中使用 Spotlight 搜索并打开文件