JavaScript 中获取数字十位数值的两种高效方法

好的，针对您的需求，这里提供一个在 JavaScript 中获取 0 至 9999 之间数字的十位数数值的详细解释和代码实现。 ### 📝 问题分析 给定一个数字 `num`（范围 0-9999），需要提取其**十位**上的数字。 - 例如： - 数字 `1234`，十位是 `3`。 - 数字 `100`，十位是 `0`（因为百位是1，十位是0，个位是0）。 - 数字 `5`，十位是 `0`（可以理解为 `005`）。 - 数字 `9876`，十位是 `7`。 ### 💻 核心实现与代码生成 实现这一功能有多种方式，最常用且高效的方法是利用**数**算**（除法和取模）。 #### 方案一：使用数学方法（推荐） 这种方法不涉及类型转换，性能通常更好。 ```javascript /** * 获取一个 0-9999 数字的十位数 * @param {number} num - 输入的数字，范围：0-9999 * @returns {number} 十位数上的数值 (0-9) */ function getTensDigitByMath(num) { // 1. 除以 10 去掉个位，得到 0 到 999 的整数（Math.floor 处理向下取整） // 2. 对 10 取余，得到十位的数字 return Math.floor(num / 10) % 10; } // 测试用例 console.log(getTensDigitByMath(1234)); // 输出: 3 console.log(getTensDigitByMath(100)); // 输出: 0 console.log(getTensDigitByMath(5)); // 输出: 0 console.log(getTensDigitByMath(9876)); // 输出: 7 console.log(getTensDigitByMath(0)); // 输出: 0 console.log(getTensDigitByMath(9999)); // 输出: 9 (9 + 9 + 9 + 9，十位是9) ``` #### 方案二：使用字符串方法 这种方法更直观，适合初学者理解，但涉及数字转字符串的隐式转换。 ```javascript /** * 获取一个 0-9999 数字的十位数（字符串方法） * @param {number} num - 输入的数字，范围：0-9999 * @returns {number} 十位数上的数值 (0-9) */ function getTensDigitByString(num) { // 1. 将数字转为字符串 let numStr = String(num); // 2. 确保字符串至少有两位，不足前面补 '0' // 例如 '100' 至少需要3位，'5' 至少需要1位，我们目标是十位，所以至少需要2位 // 但为了保证千位、百位也稳定处理，统一补足4位更稳妥 while (numStr.length < 4) { numStr = '0' + numStr; } // 3. 字符串的索引是从左到右，0是最高位（千位），3是最低位（个位） // 所以十位的索引是 2（从左数第3个字符） // 如果是按实际位数处理（不补0），则倒数第二位就是十位 // return parseInt(numStr[2], 10); // 统一补0后，索引2永远是十位 // 更通用的方法：取倒数第二位 return parseInt(numStr[numStr.length - 2], 10); } // 测试用例 console.log(getTensDigitByString(1234)); // 输出: 3 console.log(getTensDigitByString(100)); // 输出: 0 console.log(getTensDigitByString(5)); // 输出: 0 console.log(getTensDigitByString(9876)); // 输出: 7 console.log(getTensDigitByString(0)); // 输出: 0 console.log(getTensDigitByString(9999)); // 输出: 9 ``` ### 🧐 关键概念解释 - **`Math.floor()`**：返回小于或等于一个给定数字的最大整数。这里用于处理正数，确保 `num / 10` 的结果是整数（例如 `5 / 10 = 0.5`，`Math.floor(0.5)` 得到 `0`）。如果输入是负数则需要特别注意，但在此场景下数字均非负，故没问题。 - **取模运算符 `%`**：返回除法运算的余数。`a % 10` 的结果是 `a` 的个位数。例如： - `1234 % 10 = 4`（个位） - `123 % 10 = 3`（原数的十位，因为先除以了10）。 - **`parseInt()`**：将字符串解析为整数。第二个参数是进制（通常写 `10` 表示十进制）。 ### 🆚 方案对比 | 方案 | 优点 | 缺点 | 推荐场景 | | -------- | ---------------------------------- | ------------------------------------------ | ---------------------- | | **数学法** | 效率高，无类型转换开销，代码简洁 | 需要对位运算或取模有一定的理解 | **生产环境，性能敏感场景** | | **字符串法** | 非常直观，容易理解逻辑，方便处理补位 | 效率略低（涉及类型转换和字符串操作），代码稍长 | 教学讲解，或小型脚本 | ### 🛠️ 进阶使用与注意事项 1. **输入验证**：在更严谨的代码中，建议对输入值进行验证，确保它在合理范围内（`0 <= num <= 9999`）。如果输入不是数字，`Math.floor` 会返回 `NaN`，导致结果错误。 ```javascript function safeGetTensDigit(num) { if (typeof num !== 'number' || !Number.isFinite(num) || num < 0 || num > 9999) { console.error('Invalid input: must be a number between 0 and 9999'); return NaN; // 或者抛出错误 } return Math.floor(num / 10) % 10; } ``` 2. **扩展到任意位**：数学方法很容易扩展到获取任意指定位的数字。 - 获取**百位**：`Math.floor(num / 100) % 10` - 获取**千位**：`Math.floor(num / 1000) % 10` - 通用公式：`Math.floor(num / Math.pow(10, position)) % 10`，其中 `position` 从0开始（个位=0，十位=1）。 3. **性能考量**：在循环中频繁调用此类小函数时，数学方法通常比字符串方法快数倍到数十倍。 ### 💡 开发建议 - **优先使用数学方法**：对于提取数字位数的这类基础操作，数**算通常是最高效、最简洁的解法。养成使用 `Math.floor` 或 `parseInt` 配合 `%` 的习惯。 - **代码可读性**：在函数中使用有意义的注释（如上面的例子），解释函数的意图、输入输出和关键步骤，这对于团队协作和维护非常有帮助。 - **边界测试**：**始终测试边界值**（如 `0`、`9999`、`999`、`1000`、`5`、`10` 等），因为很多bug都出现在边界条件上。 ######[AI写代码神器 | 1700点数解答 | 2026-07-09 20:44:34]