TypeScript 之 Number

已于 2024-03-05 19:02:54 修改
阅读量1.5k 收藏 2
点赞数 1
分类专栏： typeScript 文章标签： typescript
于 2023-08-12 01:13:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24726043/article/details/132242130
版权

工具: PlayeGround

源码： GitHub TypeScript


简介

数字的基本类型是number，它是双精度64位浮点数。支持使用Number对象，它是对原始数值的包装对象。

注：在TypeScript和JavaScript中没有整数。

let value_1: number = 0;
let value_2 = new Number("1");
// 0,  Number: 1 
console.log(value_1, value_2);

Number对象接受的参数类型为： any 如果不能转换为数字， 将返回 NaN 或 null

const data = new Number("Hello");
console.log(data);									// Number: null

Number 对象属性相关：

属性名返回类型描述
MAX_VALUEnumber数字的最大数值 1.79E+308 ， 不会因操作系统的不同而改变
MIN_VALUEnumber数字的最小数值 5.00E-324 ，不会因操作系统的不同而改变
NaNnumber非数字数值, 即使在相等比较中，自己不等于自己
NEGATIVE_INFINITYnumber负无穷大，小于 MIN_VALUE，溢出时返回该值
POSITIVE_INFINITYnumber正无穷大，大于 MAX_VALUE，溢出时返回该值
toString()string使用指定的基数转换为字符串，基数是[2,36]之间的整数，默认为10
toLocaleString()string把数字转换为字符串， 与tostring有些类似
toFixed()string将数字转换为字符串，并设置小数点后的位数，范围在[0,20]之间， 存在四舍五入的问题
toExponential()string将数字转换为指数计数的字符串，小数点后的位数范围在[0, 20]之间， 存在四舍五入的问题
toPrecision()string将数字转换为指定长度的字符串，有效数字个数在[1,21]之间， 不存在四舍五入的问题
valueOf()number返回Number对象的原始数字值

声明相关：

interface NumberConstructor {
  // 创建Number对象， 参数为any类型
  new(value?: any): Number;
  (value?: any): number;
  readonly prototype: Number;

  // 可表示的最大数值 1.79E+308
  readonly MAX_VALUE: number;
  // 可表示的最小数值 5.00E-324
  readonly MIN_VALUE: number;
  // 非数字数值, 即使在相等比较中，它不等于自己
  readonly NaN: number;
  // 负无穷大，溢出时返回该值。该值小于 MIN_VALUE
  readonly NEGATIVE_INFINITY: number;
  // 正无穷大，溢出时返回该值。该值大于 MAX_VALUE。
  readonly POSITIVE_INFINITY: number;
}

interface Number {
  // 使用指定的基数转换为字符串，基数是[2,36]之间的整数，默认为10
  toString(radix?: number): string;
  // 将数字转换为字符串，并设置小数点后的位数，范围在[0,20]之间
  toFixed(fractionDigits?: number): string;
  // 将数字转换为指数计数的字符串，小数点后的位数范围在[0, 20]之间
  toExponential(fractionDigits?: number): string;
  // 将数字转换为指定长度的字符串，有效数字个数在[1,21]之间
  toPrecision(precision?: number): string;
  // 返回Number对象的原始数字值
  valueOf(): number;
}

interface Number {
  // 把数字转换为字符串，使用本地数字格式顺序
 toLocaleString(locales?: string | string[], options?: Intl.NumberFormatOptions): string;
}

declare var Number: NumberConstructor;

注意事项

对于NaN类型注意：

  • 虽然是number数字类型， 但它真正代表的 非数字数特殊值，用于表示非法的数值
  • 如果两个NaN比较，他们并不相等, 数学运算中较为常见
console.log(0/0);						// NaN 
console.log(Math.sqrt(-1)); // NaN
console.log(Math.log(-1)); 	// NaN

console.log(10 !== NaN);            // true
console.log(NaN == NaN);            // false

JavaScript和TypeScript存在的 装箱(boxing) 和 拆箱(unboxing) 机制， 我们在使用number基础数据时，无须在通过new 来创建， 对于String对象一样如此：

// numer基础类型
let value = 10;
// Number对象类型
let numObj = new Number(value);

// boxing可以让number和Number对象直接调用对应方法
console.log(value.toString());  // "10"
console.log(numObj.toString()); // "10"

另外Number对象下无穷大的数值给予的结果是: Infinity:

const minValue = Number.NEGATIVE_INFINITY;
const maxValue = Number.POSITIVE_INFINITY;
console.log(minValue);			// -Infinity 
console.log(maxValue);			// Infinity

// 负无穷大小于 MIN_VALUE
console.log(Number.NEGATIVE_INFINITY < Number.MIN_VALUE);       // true
// 正无穷大大于 MAX_VALUE
console.log(Number.POSITIVE_INFINITY > Number.MAX_VALUE);       // true

实例

  • toString 转换为指定进制字符串, 基数范围[2， 36]
const value = new Number(10);
// 没有基数，则默认十进制
console.log(value.toString());      // 10
// 二进制
console.log(value.toString(2));     // 1010

注： 进制的范围[2, 36]之间，否则报错: toString() radix argument must be between 2 and 36


  • toLocaleString 与toString相比较，在数字四位数的时候比较明显
const value = new Number(1234.56789);
// 直接转换
console.log(value.toString());				// 1234.56789
// 每三位会有逗号间隔
console.log(value.toLocaleString());	// 1,234.568

  • toFixed 转换为保留指定位数小数，小数位数范围在[0,20]
const value = new Number(1.567123);
// 不保留小数
console.log(value.toFixed());           // 2
// 保留两位小数
console.log(value.toFixed(2));          // 1.57

注： 会存在四舍五入的情况


  • toExponential 转换为指数字符串， 小数位数范围在[0, 20]
const value = new Number(12375.73);
// 未设定，则保留所有
console.log(value.toExponential());           // 1.237573e+4
// 保留两位小数， 会存在四舍五入
console.log(value.toExponential(2));          // 1.24e+4

注： 会存在四舍五入的情况


  • toPrecision 转换为指定长度的字符串，有效数字个数范围[1,21]
const value = new Number(1.5367);
// 未设定，则保留所有
console.log(value.toPrecision());           // 1.5367
// 保留两位小数， 不会四舍五入
console.log(value.toPrecision(2));          // 1.5

注：如果对精度要求比较高，推荐使用该方法


  • valueOf 获取原型的number数据
const value = new Number(1234);
console.log(typeof(value));     // "object" 

const num:any = value.valueOf();    
console.log(num, typeof(num));  // 1234,  "number"

ES6特性

  • 二进制和八进制,分别增加了前缀0b/0B和0o/0O
console.log(0b1010 === 10); // true
console.log(0o12 === 10); // true
  • Number.EPSILON 的使用, 浮点数的存储和精度问题导致计算机无法精确计算，所以会设置一个很小的误差范围来比对
// 直接比较, 是不相等的
console.log(0.1 + 0.2 === 0.3);     // false 

// 通过Number.EPSILON比对
function isEqual(a:number, b:number) {
    return Math.abs(a - b) < Number.EPSILON;
}
console.log(isEqual(0.1+0.2, 0.3));         // true
console.log(isEqual(0.1+0.2, 0.300001));    // false
  • 增加了最大/最小安全整数， 范围在 (2^-53, 2^53) 之间
// 最小整数范围下限
const MIN_SAFE = Number.MIN_SAFE_INTEGER;
console.log(MIN_SAFE - 1 === MIN_SAFE - 2);     // true
console.log(MIN_SAFE !== MIN_SAFE + 1);         // true 

// 最大整数范围上限
const MAX_SAFE = Number.MAX_SAFE_INTEGER;
console.log(MAX_SAFE + 1 === MAX_SAFE + 2);     // true 
console.log(MAX_SAFE !== MIN_SAFE - 1);         // true
  • Number.isFinite() 检查数值是否为有限数字，即不为Infinity
// 基础数字,true 
console.log(Number.isFinite(1));         
// 最小浮点数误差,true               
console.log(Number.isFinite(Number.EPSILON)); 
// 最小值,true 
console.log(Number.isFinite(Number.MIN_VALUE));
// 最大安全整数上限,true 
console.log(Number.isFinite(Number.MAX_SAFE_INTEGER));

// 正无穷大,false
console.log(Number.isFinite(Number.POSITIVE_INFINITY));
// NaN, false 
console.log(Number.isFinite(Number.NaN));
// 注意不存在隐式类型转换，都是false
console.log(Number.isFinite("10"));
console.log(Number.isFinite(undefined));
console.log(Number.isFinite([]));
console.log(Number.isFinite({}));
  • parseInt() 从全局整合到Number中, 它主要用于将字符串转换为指定进制的数字
/*
@funcName: parseInt(string: string, radix?: number | undefined): number
@param: string 转换的字符串
@param: radix: 可选参数进制，范围在[2, 36], 默认十进制
*/
console.log(Number.parseInt("2"));          // 2
console.log(Number.parseInt("12,56"));      // 12
console.log(Number.parseInt("0011",2));     // 3

// 注意：虽然整合了，但本质还是一个同一个函数
console.log(parseInt === Number.parseInt);  // true 

// 注意：无法解析为数字的，会返回NaN
console.log(Number.parseInt("10" + 1));     // 101
console.log(Number.parseInt("abc" + 1));    // NaN 

// 拓展：可使用 isInteger 检测是否为number, 参数为unknown类型
console.log(Number.isInteger(1));       // true 
// 如下一律为false
console.log(Number.isInteger("1"));     
console.log(Number.isInteger(undefined));
console.log(Number.isInteger(NaN));
console.log(Number.isInteger(false));
console.log(Number.isInteger(null));
console.log(Number.isInteger(Infinity));
console.log(Number.isInteger(Number.NEGATIVE_INFINITY));
  • parseFloat() 从全局整合到Number中， 它用于将字符串转换为数字
// 注意参数不能为非string, 否则报错
// console.log(Number.parseFloat([]));
// console.log(Number.parseFloat(undefined));

console.log(Number.parseFloat('123.45'));   // 123.45 
console.log(Number.parseFloat('123.45abc'));// 123.45 
console.log(Number.parseFloat('123abc456'));// 123

// 解析不出来就是NaN
console.log(Number.parseFloat('abc'));      // NaN
  • Math对象增加了一些方法的支持
方法名描述
clz32返回数字的32 位无符号整数形式的前导0的个数
imul返回两个数的32位整数乘积
sign返回一个数的符号，是正数(1)、负数(-1)还是0
log10返回一个数的以10为底的对数
log2返回一个数的以2为底的对数
log1p返回一个数加1的自然对数
expm1返回一个数的自然指数减1
cosh返回一个数的双曲余弦值
sinh返回一个数的双曲正弦值
tanh返回一个数的双曲正切值
acosh返回一个数的反双曲余弦值
asinh返回一个数的反双曲正弦值
atanh返回一个数的反双曲正切值
hypot返回所有参数的平方和的平方根
trunc返回一个数的整数部分
fround返回一个数的最接近的单精度浮点数表示
cbrt返回一个数的立方根//
// imul 计算 a * b 
console.log(Math.imul(2, 3)); // 6                
// sign 判定数字符号，为是正数(1)、负数(-1)还是零
console.log(Math.sign(0));                       // 0
console.log(Math.sign(Number.MAX_VALUE));        // 1
console.log(Math.sign(Number.NEGATIVE_INFINITY));// -1
// hypot 计算 所有参数的平方和的平方根
console.log(Math.hypot(3));     // 3
console.log(Math.hypot(3, 4));  // 5
// trunc 返回数字的整数部分，没有四舍五入
console.log(Math.trunc(0.56));  // 0
console.log(Math.trunc(-1.56)); // -1
// cbrt 返回数字的立方根
console.log(Math.cbrt(8));      // 2
// log10 返回以10为底的对数
console.log(Math.log10(100));   // 2
鹤九日
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
TypeScript Number
12-13
TypeScript Number TypeScript 与 JavaScript 类似，支持 Number 对象。 Number 对象是原始数值的包装对象。 语法 var num = new Number(value); 注意： 如果一个参数值不能转换为一个数字将返回 NaN (非数字值)。 ...
Typescript 开发6. Number 数字
aof26372的博客
06-04 249
Number对象 支持以下方法： 序号方法 & 描述实例 1. toExponential() 把对象的值转换为指数计数法。 //toExponential() var num1 = 1225.30 var val = num1.toExponential(); console.log(val) // 输出： 1.2253e+3 ...
[Typescript]基础篇之 Number 对象
前端
09-29 709
基础篇之 Number 对象
「TypeScript系列」TypeScript Number
最新发布
日常笔记/总结/系列知识梳理
05-19 1043
不过，请注意，在 TypeScript 中，如果你明确指定了变量的类型为。当使用 TypeScript 编写代码时，确保你的变量和函数参数具有正确的类型可以提高代码的可读性和可维护性，并减少运行时错误的可能性。在 JavaScript（以及 TypeScript，因为 TypeScript 是 JavaScript 的一个超集）中，类型时，我们通常指的是原始数值类型（primitive type），它不是一个对象。类型是等价的，它包括了所有 JavaScript 中的数字字面量，如整数和浮点数。
TypeScript 中的 Number 类型，Number 类型的特性、常见操作和注意事项
网络技术联盟站
07-21 780
本文详细介绍了 TypeScript 中的 Number 类型，包括 Number 类型的特性、常见操作和注意事项。Number 类型用于表示数字，并支持基本的数学运算和数值校验。在使用 Number 类型时，需要注意浮点数精度问题、整数溢出问题、类型转换问题和特殊数值问题。
TypeScript系列之类型 number
老__L的博客
09-18 375
二进制：二进制数据是用 0 和 1 两个数码来表示的数。它的基数为 2，进位规则是“逢二进一”，借位规则是“借一当二”。八进制：八进制是一种以 8 为基数的计数法，采用 0，1，2，3，4，5，6，7 八个数字，逢八进 1。十进制：十进制数就是用 0、1、2 …9，这十个数来表示的数。十六进制：十六进制是计算机中数据的一种表示方法。同我们日常中的十进制表示法不一样。一般用数字 0 到 9 和字母 A 到 F（或a~f）表示，这些数字和字母任意组合用来表示0~15之间的某个字。其中A~F表示。
typescript 小数点位数
sun13047140038的博客
06-14 2452
1.保留小数位数：可以使用 toFixed() 方法将数字四舍五入到指定的小数位数。该方法接受一个参数，表示要保留的小数位数。请注意，toFixed() 方法返回的是一个字符串类型的结果。console.log(`保留两位小数：${number.toFixed(2)}`);// 输出为 "保留两位小数：3.14"根据自己的具体需求，可以选择适合的方法来处理和格式化数字。2. 控制显示的小数位数：如果您只是想在控制台或输出中显示特定的小数位数，您可以结合模板字符串或其他格式化方法来实现。
TypeScript 学习笔记之基本类型
09-03
TypeScript 是一种强大的静态类型语言，它是 JavaScript 的超集，扩展了 JS 的功能，特别是引入了类型系统。在 TypeScript 中，类型系统增强了代码的可预测性、稳定性和可维护性，使得开发者能够在编码阶段捕获潜在...
Typescript
03-28
静态类型系统是 TypeScript 最核心的特性之一。与 JavaScript 相比，TypeScript 强制开发者在编写代码时声明变量的类型。这有助于在编译阶段发现潜在的类型错误，而不是等到运行时才暴露问题，从而提高了代码的稳定...
TypeScript
03-16
打字稿打开命令提示符，然后键入：sudo npm install -g typescript（要在您的计算机中全局安装TypeScript） 编译TypeScript文件：tsc app.ts 类型运算符在TypeScript中，您一直都在使用字符串或数字之类的类型。...
TS中Number和number有区别吗
m0_57236802的博客
01-20 1077
在TypeScript中，Number和number都可以用来表示数字类型，但它们的用途和行为有一些不同。number是一个基本数据类型，用于表示所有数字（包括整数、浮点数等）。当你需要一个数字变量时，通常应该使用number类型。是一个全局对象，它是JavaScript中所有数字值的构造函数。你可以使用Number对象来执行更复杂的操作，如将其他类型的值转换为数字，或检查一个值是否是有限的数字。然而，在TypeScript中，Number也可以用作类型，表示任何可以被Number对象包装的值。这包括所有。
TypeScript（八） number和string
qq_36158551的博客
01-30 1175
Number对象是原始数值的包装对象。
typescript 类的相关用法
longlonglaobiao
06-14 135
类 class User { id: number; username: string; constructor(id: number, username: string) { // 通过 this 关联实例对象 this.id = id; this.username = username; } } let t = new User(1, "a"); console.log(t.id); 如果在构造函数中 提供了 public 修饰符，会自动帮我们完成上述的关联
TypeScript笔记
qq_39691676的博客
07-16 105
数据基础类型定义： let username: string = '管理员'; username = '系统管理员'; -----模板字符串:使用反引号`` let describe: string = `今天天气${weather}`; -----sencence方式 let info: string = student+"今天将来我班学习，"+student1+"要好好帮助他" let flag: boolean = true; let id: number = 1; --
学习记录--TypeScript
chenjk的博客
11-19 947
TS知识 ts基础 基础类型 数据类型 关键字 描述 任意类型 any 声明为any的变量可以赋予任意类型的值 数字类型 number 双精度64位浮点值。它可以用来表示整数和分数 字符串类型 string 一个字符系列，使用单引号（‘）或双引号("")来表示字符串类型，反引号（`）来定义多行文本和内嵌表达式 布尔类型 boolean 表示逻辑值：true和false let flag : boolean = true 数组类型 无 声明变量为数组 // 在元素类型后面加
TypeScript基础数据类型
rayshaan0123的博客
11-09 572
文章目录01.布尔类型boolean02.数字类型number03.字符串string05.总结06.undefined和null07.数组类型08.元组类型09.枚举类型10.any类型11.void类型12.object类型13.联合类型14.类型断言15.类型推断 01.布尔类型boolean //布尔类型 ---->boolean //let 变量名:数据类型=值 let flag:boolean=true flag=false //flag=10 编译不通过 console.log(fla
Typescript 基础类型 —— 数字 Number
且听风吟的博客
05-19 513
typescript 基础类型
[TypeScript]Number的最大值
iningwei的博客
08-01 6764
通过Number.MAX_VALUE即可获得。约为：1.79E+308即1.79*(10^308) 更多：https://www.runoob.com/typescript/ts-number.html
TypeScript 中冒号: ?: 的用法
山重水复疑无路，柳暗花明又一村。
02-27 691
总的来说，冒号在 TypeScript 中主要是用于类型注解，有助于静态类型检查和代码可读性。
react typescript string转为number
05-10
你可以使用JavaScript中的`parseInt()`或`parseFloat()`函数将字符串转换为数字。在TypeScript中，可以使用如下的代码： ```typescript const str: string = "123"; const num: number = parseInt(str, 10); // 将字符串转换为10进制的整数 ``` 或者： ```typescript const str: string = "123.45"; const num: number = parseFloat(str); // 将字符串转换为浮点数 ``` 请注意，`parseInt()`和`parseFloat()`函数的第二个参数是用于指定基数的，它决定了使用哪种进制进行转换。在这里，我们使用了10作为基数，因为我们想要将字符串转换为10进制的整数。如果字符串表示的是16进制数，我们可以将基数设置为16，如下所示： ```typescript const str: string = "1A"; const num: number = parseInt(str, 16); // 将字符串转换为16进制的整数 ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

鹤九日

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值