当前位置:首页 > JavaScript

js实现number

2026-04-06 14:23:48JavaScript

实现数字格式化功能

在JavaScript中,数字格式化可以通过多种方式实现,包括内置方法和自定义函数。以下是几种常见的数字格式化方法:

使用toLocaleString()方法

const number = 1234567.89;
const formatted = number.toLocaleString('en-US');
// 输出: "1,234,567.89"

该方法会根据指定的语言环境自动添加千位分隔符和小数点。

固定小数位数

const num = 123.456;
const fixed = num.toFixed(2);
// 输出: "123.46"

toFixed()方法会将数字四舍五入到指定的小数位数,返回字符串形式。

自定义千位分隔符函数

function formatNumber(num) {
  return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
console.log(formatNumber(1000000)); // 输出: "1,000,000"

数字类型转换

将其他类型转换为数字可以使用以下方法:

js实现number

parseInt()和parseFloat()

const str = "123.45";
const intNum = parseInt(str); // 123
const floatNum = parseFloat(str); // 123.45

Number()构造函数

const str = "123";
const num = Number(str); // 123

一元加运算符

const str = "123";
const num = +str; // 123

数字验证方法

检查是否为有效数字

js实现number

function isNumeric(value) {
  return !isNaN(parseFloat(value)) && isFinite(value);
}
console.log(isNumeric("123")); // true
console.log(isNumeric("abc")); // false

使用Number.isFinite()

console.log(Number.isFinite(123)); // true
console.log(Number.isFinite(Infinity)); // false

数字范围限制

限制数字在最小最大值之间

function clamp(num, min, max) {
  return Math.min(Math.max(num, min), max);
}
console.log(clamp(15, 0, 10)); // 10

生成随机数

function randomInRange(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}
console.log(randomInRange(1, 10));

数学计算扩展

精度计算(解决浮点数问题)

function add(num1, num2) {
  const factor = Math.pow(10, Math.max(getDecimalLength(num1), getDecimalLength(num2)));
  return (num1 * factor + num2 * factor) / factor;
}

function getDecimalLength(num) {
  const decimal = num.toString().split('.')[1];
  return decimal ? decimal.length : 0;
}

数字进制转换

const num = 255;
console.log(num.toString(16)); // "ff" - 转换为16进制
console.log(num.toString(2)); // "11111111" - 转换为2进制

标签: jsnumber
分享给朋友:

相关文章

js实现轮播

js实现轮播

实现基础轮播效果 使用HTML结构创建轮播容器和图片元素: <div class="carousel"> <div class="carousel-inner">…

js实现vue

js实现vue

Vue.js 简介 Vue.js 是一个渐进式 JavaScript 框架,用于构建用户界面。其核心库专注于视图层,易于与其他库或现有项目整合。 实现 Vue.js 的基本步骤 安装 Vue.j…

js实现图片放大缩小

js实现图片放大缩小

实现图片放大缩小的基础方法 使用CSS的transform: scale()属性可以快速实现图片的放大缩小效果。通过JavaScript动态修改该属性值: const img = document.…

js钟表实现

js钟表实现

实现JavaScript钟表的基本方法 创建一个简单的JavaScript钟表可以通过以下步骤完成,涵盖数字和模拟两种形式。 数字钟表实现 HTML结构只需一个显示时间的容器: <div i…

js实现正交

js实现正交

正交的概念 正交在数学和计算机科学中通常指两个向量垂直或线性无关。在编程中,正交性常被用于设计模块化、低耦合的系统。 向量正交判断 判断两个向量是否正交可以通过点积是否为0来实现: fun…

js实现搜索

js实现搜索

实现搜索功能的方法 在JavaScript中实现搜索功能可以通过多种方式完成,以下是几种常见的实现方法。 使用数组的filter方法 通过数组的filter方法可以筛选出符合条件的数据项。假设有一个…