当前位置:首页 > JavaScript

js 实现parseint

2026-02-01 16:43:16JavaScript

js 实现parseint

js 实现parseint

实现 parseInt 的功能

JavaScript 的 parseInt 函数用于将字符串转换为整数。以下是手动实现 parseInt 功能的几种方法:

方法一:基础实现

function customParseInt(str, radix = 10) {
  if (typeof str !== 'string' && typeof str !== 'number') {
    return NaN;
  }

  str = String(str).trim();
  if (!str.length) return NaN;

  radix = radix || 10;
  if (radix < 2 || radix > 36) return NaN;

  let sign = 1;
  let index = 0;
  if (str[0] === '-') {
    sign = -1;
    index++;
  } else if (str[0] === '+') {
    index++;
  }

  let result = 0;
  const digits = '0123456789abcdefghijklmnopqrstuvwxyz';
  const lowerStr = str.toLowerCase();

  while (index < lowerStr.length) {
    const char = lowerStr[index];
    const digit = digits.indexOf(char);

    if (digit === -1 || digit >= radix) break;

    result = result * radix + digit;
    index++;
  }

  return sign * result;
}

方法二:简化版(仅支持十进制)

function simpleParseInt(str) {
  const num = Number(str);
  return isNaN(num) ? NaN : Math.trunc(num);
}

方法三:使用正则表达式

function regexParseInt(str, radix = 10) {
  if (typeof str !== 'string' && typeof str !== 'number') return NaN;
  str = String(str).trim();
  if (!str.length) return NaN;

  const regex = /^[+-]?(\d+)/;
  const match = str.match(regex);
  if (!match) return NaN;

  return parseInt(match[0], radix);
}

注意事项

  1. 进制范围radix 必须在 2 到 36 之间,否则返回 NaN
  2. 符号处理:字符串可以以 +- 开头,表示正负数。
  3. 非数字字符:遇到非数字字符时停止解析。
  4. 空白字符:字符串前后的空白字符会被忽略。

测试用例

console.log(customParseInt('123'));      // 123
console.log(customParseInt('12.3'));     // 12
console.log(customParseInt('0xF', 16));  // 15
console.log(customParseInt('hello'));    // NaN

通过以上方法可以实现类似 parseInt 的功能,具体选择哪种方法取决于需求场景。

标签: jsparseint
分享给朋友:

相关文章

js实现图片预览

js实现图片预览

使用FileReader API实现图片预览 通过FileReader对象读取用户选择的图片文件并显示预览: const input = document.getElementById('image…

js实现授权

js实现授权

授权流程设计 授权流程通常涉及前端与后端的交互,常见方案包括OAuth2.0、JWT等。以JWT为例的典型流程: 用户提交凭证(如用户名密码)到认证服务 服务端验证通过后生成包含用户信息的J…

js 实现页面刷新

js 实现页面刷新

使用 location.reload() location.reload() 是原生 JavaScript 提供的页面刷新方法。调用该方法会重新加载当前页面,相当于点击浏览器的刷新按钮。 // 基本…

js验证码实现

js验证码实现

验证码的基本原理 验证码(CAPTCHA)用于区分人类用户和自动化程序。常见类型包括图形验证码、滑动验证码、短信验证码等。JavaScript 可用于前端验证码的生成和验证逻辑。 图形验证码实现 使…

js实现选择目录

js实现选择目录

在JavaScript中实现选择目录的功能通常需要结合浏览器API或第三方库,以下是几种常见方法: 使用 <input type="file"> 的 webkitdirectory 属性…

vue.js实现app

vue.js实现app

Vue.js 实现 App 的方法 Vue.js 可以用于开发移动端 App,主要通过以下两种方式实现: 使用 Capacitor 或 Cordova 进行混合开发 Capacitor 和 Cor…