JavaScript Math与String内置对象核心用法与实战

Math对象的使用指南

Math 是 JavaScript 的原生数学对象，它并非构造函数，因此无需使用 new 调用，所有属性和方法均作为静态成员直接使用。该对象提供了基础的圆周率常量、数值取整、绝对值计算、极值判断及随机数生成等功能。

第1步：掌握基础数值处理方法

在进行金额计算或数据格式化时，取整是基础操作。需明确区分向下取整、向上取整与四舍五入的区别：

• Math.PI：返回圆周率常量。
• Math.floor(x)：向下取整，直接截断小数部分（如 1.9 结果为 1）。
• Math.ceil(x)：向上取整，只要有小数就进位（如 1.1 结果为 2）。
• Math.round(x)：四舍五入，遵循就近原则，注意负数情况（如 -1.5 结果为 -1）。
• Math.abs(x)：求绝对值，若传入非数字字符串会隐式转换，无法转换则返回 NaN。

Math.max() 与 Math.min() 用于比较一组参数中的最大值和最小值。如果任意一个参数是非数字且无法转换的，结果将返回 NaN；若未传参，分别返回 Infinity 和 -Infinity。

第2步：编写自定义极值函数

在实际项目中，我们可能需要对数组进行极值计算，或者需要更灵活的封装。以下是一个简单的模拟实现，展示了遍历 arguments 对象来寻找最大最小值的逻辑：

var myMath = {
    PI: Math.PI,
    max: function() {
        var max = arguments[0];
        for (var i = 1; i < arguments.length; i++) {
            if (max < arguments[i]) {
                max = arguments[i];
            }
        }
        return max;
    },
    min: function() {
        var min = arguments[0];
        for (var i = 1; i < arguments.length; i++) {
            if (min > arguments[i]) {
                min = arguments[i];
            }
        }
        return min;
    }
};
console.log(myMath.max(-1, 5, 0)); // 输出 5

第3步：获取指定范围的随机整数

在抽奖、游戏机制或A/B测试中，经常需要生成指定范围内的随机整数。官方推荐的公式为：Math.floor(Math.random() * (max - min + 1)) + min。

Math.random() 返回一个大于等于 0 且小于 1 的浮点数。结合上述公式，可以得出包含边界值的闭区间随机整数。以下是一个“随机点餐”的应用场景：

function getRandom(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}
var foodList = ['烤肉饭', '怀府源拉面', '麻辣香锅'];
// 从列表索引0到长度-1中随机选取一项
var lunch = foodList[getRandom(0, foodList.length - 1)];
console.log(lunch);

另一个常见用例是利用 while 循环结合弹窗制作简单的猜数字游戏。需注意输入验证与循环结束条件的处理：

var target = getRandom(1, 13);
var attempt = 0;
while (attempt < 3) {
    var input = prompt('请输入猜测的数字(1-13):');
    var guess = Number(input);
    
    if (guess > target) {
        alert('猜大了');
    } else if (guess < target) {
        alert('猜小了');
    } else {
        alert('猜对了！');
        break;
    }
    attempt++;
}
if (attempt >= 3 && guess !== target) {
    alert('三次机会已用完，正确答案是：' + target);
}

String对象的高级操作

除了基础拼接，String 对象提供了强大的文本处理功能，包括字符检索、基于位置的提取、子串截取、替换以及分隔符处理。

第4步：全面检索字符出现的位置

当需要在一个长文本中统计某词汇的出现频率及确切位置时，indexOf(substring, start) 配合循环是最有效的方法。默认从索引 0 开始向后搜索，找到后更新起始位置继续搜索。

var text = "匠人自觉面颊臊热...众人皆言二人有约不守...";
// 统计‘青年’出现的次数及位置
var position = text.indexOf("青年");
var locations = [];
while (position !== -1) {
    locations.push(position);
    // 关键：下一次搜索的开始位置必须比当前位置大
    position = text.indexOf("青年", position + 1);
}
console.log(`出现了 ${locations.length} 次`);

第5步：精准提取与分割字符串

根据位置提取字符可以使用 charAt(index) 或现代浏览器支持的 [index]。charCodeAt(index) 可获取该位置字符对应的 ASCII/Unicode 编码值。

针对子串的截取，有三种主要方法，需注意参数差异：

• substr(start, length)：第二个参数表示截取的长度。
• slice(start, end) 与 substring(start, end)：第二个参数均为截取的结束位置（不包含该位置），两者区别在于处理负数参数的逻辑不同。

split(sep) 可按分隔符将字符串转为数组，常用于表单数据处理（如拆分 ID 列表）。对应地，join(sep) 可将数组重组为字符串。

第6步：文本统计与批量替换

通过遍历字符串并构建哈希表（对象），可以快速统计每个字符出现的频次。这是分析文本密度的基础算法：

var countMap = {};
for (var i = 0; i < text.length; i++) {
    var char = text.charAt(i);
    if (countMap[char]) {
        countMap[char]++;
    } else {
        countMap[char] = 1;
    }
}
// 随后遍历对象找出 value 最大值即可得到最高频字符

对于字符串内容的替换，replace(oldStr, newStr) 默认仅替换第一次匹配。若要全局替换，可在循环中使用 indexOf 检测是否存在目标串，存在则再次调用 replace：

var modifiedText = originalText;
while (modifiedText.indexOf("旧内容") !== -1) {
    modifiedText = modifiedText.replace("旧内容", "新内容");
}

此外，还有 toLowerCase() 和 toUpperCase() 可用于全小写或全大写转换，确保数据格式统一。

以上就是JavaScript内置对象Math与String详细介绍的详细内容，更多关于JS基础与字符串处理的资料请关注本站其它相关文章！