返回
资深工程师对Javascript的深刻解读——实用代码片段锦集(六)
前端
2023-09-18 16:15:30
在充满活力的JavaScript编程世界中,我们继续踏上每天学习十个实用代码片段的奇妙旅程,旨在加深对Javascript语法的理解,积累代码优化经验,并将它们应用于实际开发场景。第六天精彩代码片段来袭,让我们一起开启JavaScript探索之旅。
- 生成随机数
function randomNumber(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
console.log(randomNumber(1, 10)); // 随机生成一个1到10之间的整数
- 数字加密
function encryptNumber(number) {
return (number + 5) % 10;
}
console.log(encryptNumber(7)); // 加密后的数字为2
- 四舍五入
function roundNumber(number, decimals) {
return Number(number.toFixed(decimals));
}
console.log(roundNumber(3.14159, 2)); // 四舍五入保留两位小数后为3.14
- 文件扩展名
function getFileExtension(filename) {
return filename.split('.').pop();
}
console.log(getFileExtension('image.png')); // 获取文件扩展名为png
- 变量数字转换
function convertVariableToNumber(variable) {
return Number(variable);
}
console.log(convertVariableToNumber('10')); // 将字符串变量'10'转换为数字10
- 数组最大值
function findMaxInArray(array) {
return Math.max(...array);
}
console.log(findMaxInArray([1, 2, 3, 4, 5])); // 找到数组[1, 2, 3, 4, 5]中的最大值
- 数组最小值
function findMinInArray(array) {
return Math.min(...array);
}
console.log(findMinInArray([1, 2, 3, 4, 5])); // 找到数组[1, 2, 3, 4, 5]中的最小值
- 数组去重
function removeDuplicatesFromArray(array) {
return [...new Set(array)];
}
console.log(removeDuplicatesFromArray([1, 1, 2, 2, 3, 3])); // 从数组[1, 1, 2, 2, 3, 3]中去除重复元素
- 数组元素个数统计
function countOccurrences(array, element) {
return array.filter((item) => item === element).length;
}
console.log(countOccurrences([1, 2, 3, 4, 5], 3)); // 统计数组[1, 2, 3, 4, 5]中元素3出现的次数
- 数组元素排序
function sortArray(array) {
return array.sort((a, b) => a - b);
}
console.log(sortArray([1, 5, 3, 2, 4])); // 将数组[1, 5, 3, 2, 4]中的元素按升序排列
这十个实用JavaScript代码片段犹如编程世界的宝石,值得细细品味。无论是生成随机数还是数字加密,抑或是四舍五入或文件扩展名解析,它们都将成为你编程工具箱中的利器,助你轻松应对各种开发场景。