技术文摘
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 学习
- SpringMVC 从入门至源码,一篇搞定
- Python 二元算术运算之减法:只是语法糖?详解
- 推动测试工作的工程实践进程
- 优质的 HTML 文档 JS 解析库推荐
- JS 原型与原型链的图解阐释
- 一次性搞懂 Nginx,看这篇足矣!
- 你还未使用 Docker 管理数据,难道是从 1985 年穿越而来?
- 挑战自我,这 5 种编程思路值得一试
- 2020 年小程序:经营工具升级 商业闭环加快 生态更开放
- 企业微信于腾讯全球数字生态大会亮相:服务力等同竞争力,助力企业连接产业与用户
- 13 个能让程序员工作效率提升 10 倍的 VSCode 插件
- 这 6 点知识助我深入理解 JavaScript 对象
- 8 月 Github 热门 JavaScript 开源项目排行
- 马云:格局决定成就,提升自身格局之法你可知?
- Python 打造自动化机器人 整治微信群广告乱象