技术文摘
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 单行代码 专业人士
- 在 Vite 项目里怎样把 Vue 3.2 升级至 Vue 3.4
- 怎样获取与修改 DOM 元素的 property 属性
- Electron 用 indexedDB 存储数据,卸载应用后数据是否会消失
- 前端网页隐藏秘密大揭秘:meta主题色到图标尺寸全解析
- 前端网页令人疑惑的细节:你真的懂吗
- 在input标签内重写外部样式的方法
- 怎样借助 Wget 工具完整下载网站及全部资源
- 页面怎样识别转义字符以实现换行显示效果
- 绝对定位的div按父元素定位的原因
- Tinymce 监听附件变动失效问题及解决办法
- JavaScript实现页面关闭前显示确认提示的方法
- CSS 实现下图所示圆角矩形的方法
- Docsify-cli脚手架安装报npm ERR! code ETIMEDOUT错误的解决方法
- 怎样设置背景透明度且不影响内容
- 不用 a 标签怎样实现页面内跳转