技术文摘
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 学习
- 探秘HTML中的video元素
- 事件冒泡为何会触发多次
- jQuery中get请求与post请求方式的比较研究
- 深入剖析 jQuery 中 $ 符号的功能与用途
- 深入剖析jQuery关闭按钮的事件操作
- jQuery中$符号的用法学习
- JQuery中.toggle()方法的用法与效果
- 深度探究 jQuery 监听方法的最优实践
- HTML5全局属性解读:必知的五个要点
- jQuery实现元素属性的删除
- jQuery 监听方法实例演示与分析
- HTTP525状态码的意义与应用解析
- 借助jQuery EasyUI简化网页设计流程
- CSS响应式布局必备技巧:重要知识点掌握
- 借助jQuery实现元素class名称替换