技术文摘
25 个 JavaScript 单行代码助你化身专业人士
25 个 JavaScript 单行代码助你化身专业人士
在 JavaScript 的世界里,巧妙运用单行代码能够极大地提高开发效率,展现出专业的编程水平。以下为您列举 25 个实用的 JavaScript 单行代码,助您在编程之路上更上一层楼。
数组去重
const uniqueArray = [...new Set(array)];计算数组元素之和
const sum = array.reduce((acc, cur) => acc + cur, 0);检查对象是否具有某个属性
const hasProperty = (obj, prop) => obj.hasOwnProperty(prop);生成指定范围内的随机整数
const randomInt = Math.floor(Math.random() * (max - min + 1)) + min;反转字符串
const reversedString = str.split('').reverse().join('');检查变量是否为数字
const isNumber = value =>!isNaN(parseFloat(value)) && isFinite(value);从数组中随机选择一个元素
const randomElement = array[Math.floor(Math.random() * array.length)];交换两个变量的值
[a, b] = [b, a];格式化数字为货币格式
const formattedCurrency = Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(number);计算字符串中某个字符出现的次数
const charCount = (str, char) => str.split('').filter(c => c === char).length;过滤数组中的假值(false、null、0、""、undefined、NaN)
const filteredArray = array.filter(Boolean);对数组进行排序
const sortedArray = array.sort((a, b) => a - b);截断字符串
const truncatedString = str.slice(0, num);获取数组中的最大值
const maxValue = Math.max(...array);获取数组中的最小值
const minValue = Math.min(...array);检查数组是否包含某个元素
const containsElement = array.includes(element);将字符串首字母大写
const capitalizedString = str.charAt(0).toUpperCase() + str.slice(1);清空数组
array.length = 0;计算两个日期之间的天数差
const daysBetween = Math.ceil((date2 - date1) / (1000 * 60 * 60 * 24));克隆对象
const clonedObject = {...originalObject };检查数组是否为空
const isEmptyArray = array.length === 0;计算数组元素的平均值
const average = array.reduce((acc, cur) => acc + cur, 0) / array.length;去除字符串两端的空格
const trimmedString = str.trim();判断变量是否为数组
const isArray = Array.isArray(value);将对象转换为数组
const objectToArray = Object.entries(obj);
掌握这些 JavaScript 单行代码,不仅能够提升您的编程效率,还能让您在面对各种开发任务时更加游刃有余,迅速展现出专业开发者的实力。不断探索和实践,您将在 JavaScript 的世界中创造出更多精彩的作品!
TAGS: JavaScript 编程 编程学习 JavaScript 单行代码 专业人士
- 学完 HTML 和 CSS 后该做什么
- JavaScript中按属性从对象数组提取唯一对象
- 提升初创公司移动网络体验
- 在WordPress中创建简单CRM:自定义字段的创建方法
- 如何在HTML中用``标签实现计算机输出格式化
- Konva操作HTML5 Canvas之基本形状探索(第2部分)
- HTML5 中如何显示文本的 Ruby 注释
- CSS 可见性用法之隐藏
- 如何在HTML中裁剪IFrame
- CSS 底漆:截断并自定义最大宽度
- JavaScript RegExp实现多行匹配的方法
- HTML 中如何添加内联层
- CSS 最大高度特性
- 精简版jQuery之选择jQuery
- CSS 中的绝对与相对单位