技术文摘
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 代码
- HTML5元素的属性及用法
- 解决Vue中“[Vue warn]: Avoid mutating the defaultProps”错误的方法
- CSS 中设置边框图像宽度的方法
- CSS 如何设置段落第二行缩进
- CSS中Flexbox元素的使用方法
- 用CSS滤镜制作模糊图片或文本
- 视口设置方法
- Vue 与 jsmind 实现思维导图节点链接及外部网页引用的方法
- JavaScript 中如何查找经过的时间
- 如何解决 Vue 中 Invalid prop: type check 错误
- 深度解析设计:第 1 部分
- Vue 实现音频文件统计图表的方法
- 创建css表达式的不同方法有哪些
- 解决 [Vue warn]: Invalid prop 错误的方法
- 处理Vue中“[Vue warn]: Invalid prop type”错误的方法