技术文摘
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 代码
- 五种 React 组件设计模式浅析
- 12 个前端开发人员必备设计工具,提升生产力
- Web API 构建的两种热门选择:REST 与 GraphQL
- Vue 响应式系统借助 getter/setters 与 Proxies 机制的实现方式
- Rust 编程中的泛型运用
- C/C++中指针变量的内存占用情况
- MySQL 中除 INNER JOIN 外的其他 JOIN 类型有哪些?
- 互联网智慧供养应提上日程
- 关于 Rust 速度引发的同事冲突
- 全网详尽 MVCC 解析,一文读懂
- Ansible 助力批量服务器自动化管理初探
- Go 编程中调用外部命令的若干场景
- 2023 年最火前端项目缘何是它?
- Rust 致使开发速度减缓,新实习生备受折磨落泪
- Shell 中变量与参数的定义、使用及注意事项:基础决定成败