技术文摘
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 代码
- Flexbox 布局对列表样式有影响?怎样解决
- HTML 与 CSS 中的联系我们页面
- 用HTML结构打造简洁有效个人简历页面的方法
- CSS实现鼠标移动时指定区域显示下层图片的方法
- 微信自定义分享图标尺寸有无限制
- Vite与React中行内样式backgroundImage使用@符号的方法
- Eval() 函数动态调用函数时怎样处理参数类型
- 用CSS Paint API给网页元素添加时尚斑马线边框的方法
- React实现动态多Tab页组件且数据不固定的方法
- 垂直对齐为何失效?“幽灵空白节点”到底是什么
- vertical-align为何不能让行内元素垂直居中
- 组件实现文本与图片动态更改的方法
- 移动端 CSS 实现标签边框包裹垂直居中效果的方法
- 自定义样式表在 Safari 中访问百度时为何无效
- 探寻 Web 应用程序顶级测试工具:Cypress 替代方案