技术文摘
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 学习
- ES6(ES2015)如何演进并为现代 JavaScript 增添新功能
- JavaScript验证输入是字母数字还是非字母数字的方法
- JavaScript 求给定数组所有旋转中 i*arr 的最大总和
- FabricJS 中怎样设置三角形的水平比例因子
- FabricJS:如何以编程方式在多边形上复制对象
- JavaScript 如何为画布文本添加默认水平缩放
- 使用 JavaScript 程序以矩阵形式生成线圈
- JavaScript中ctrlKey鼠标事件有何作用
- 在 React 类里如何声明常量
- JavaScript 实现文本内容居中对齐的方法
- FabricJS:怎样获取 Image 对象的真实中心坐标
- JavaScript 中如何获取所有数字幂的和
- JavaScript 中 String.prototype.trim() 方法的 polyfill 实现
- 借助 JavaScript 实现网站视觉效果提升
- FabricJS 中如何获取文本当前所选样式