TS学习——Number、String对象的属性方法简介

已于 2024-05-11 18:31:23 修改
阅读量900 收藏 6
点赞数 16
分类专栏： 前端学习——TS 文章标签： 学习 typescript
于 2024-05-11 18:26:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lss_033_lss/article/details/138671620
版权

Number 对象是原始数值的包装对象。

语法：
var num = new Number(value);

注： 如果一个参数值不能转换为一个数字将返回 NaN (非数字值)。

 对象属性

序号属性描述
1MAX_VALUE可表示的最大的数，MAX_VALUE 属性值接近于 1.79E+308。大于 MAX_VALUE 的值代表 "Infinity"。
2MIN_VALUE可表示的最小的数，即最接近 0 的正数 (实际上不会变成 0)。最大的负数是 -MIN_VALUE，MIN_VALUE 的值约为 5e-324。小于 MIN_VALUE ("underflow values") 的值将会转换为 0。
3NaN非数字值（Not-A-Number）。
4NEGATIVE_INFINITY负无穷大，溢出时返回该值。该值小于 MIN_VALUE。
5POSITIVE_INFINITY正无穷大，溢出时返回该值。该值大于 MAX_VALUE。
6prototypeNumber 对象的静态属性。使您有能力向对象添加属性和方法。
7constructor返回对创建此对象的 Number 函数的引用。

例：

console.log("TypeScript Number 属性: "); 
console.log("最大值为: " + Number.MAX_VALUE); 
console.log("最小值为: " + Number.MIN_VALUE); 
console.log("负无穷大: " + Number.NEGATIVE_INFINITY); 
console.log("正无穷大:" + Number.POSITIVE_INFINITY);
console.log("非数字值是："+ Number.NaN)

// TypeScript Number 属性:
// 最大值为: 1.7976931348623157e+308
// 最小值为: 5e-324
// 负无穷大: -Infinity
// 正无穷大:Infinity
// 非数字值是：NaN

prototype 实例

function employee(id:number,name:string) { 
    this.id = id 
    this.name = name 
} 
var emp = new employee(123,"admin") 
employee.prototype.email = "admin@runoob.com" 

console.log("员工号: "+emp.id) 
console.log("员工姓名: "+emp.name) 
console.log("员工邮箱: "+emp.email)

// 员工号: 123
// 员工姓名: admin
// 员工邮箱: admin@runoob.com

Number 对象方法

Number对象支持以下方法：

序号方法描述实例
1toExponential()把对象的值转换为指数计数法。

var num1 = 1225.30 
var val = num1.toExponential(); 
console.log(val)  //  1.2253e+3

2toFixed()把数字转换为字符串，并对小数点指定位数。

var num3 = 177.234 
console.log(num3.toFixed())

// 177
console.log(num3.toFixed(2))

// 177.23
console.log(num3.toFixed(6))

// 177.234000

3toLocaleString()把数字转换为字符串，使用本地数字格式顺序。

var num = new Number(177.1234); 
console.log(num.toLocaleString());  

// 输出字符串类型的177.1234

4toPrecision() [注]把数字格式化为指定的长度。

var num = new Number(7.123456); 
console.log(num.toPrecision());  

// 7.123456 
console.log(num.toPrecision(1));

// 7
console.log(num.toPrecision(2));

// 7.1

5toString()把数字转换为字符串，使用指定的基数。数字的基数是 2 ~ 36 之间的整数。若省略该参数，则使用基数 10。

var num = new Number(10); 
console.log(num.toString());  

// 输出10进制：10
console.log(num.toString(2));

// 输出2进制：1010
console.log(num.toString(8));

// 输出8进制：12

6valueOf()返回一个 Number 对象的原始数字值。

var num = new Number(10); 
console.log(num.valueOf());

// 输出：10

注：

toPrecision()

numberObj.toPrecision( precision )

  • 没有提供precision参数或其值为undefined时，会转为使用toString()的方法处理；例如：7.123456 .toPrecision()；  输出：'7.123456'；
  • 数字的有效位数大于precision，将会根据第precision + 1位的有效数字进行四舍五入；例如：153624.2354.toPrecision(8)；输出：'153624.24'；
  • 数字的有效位数大于precision且数字的整数部分位数大于precision，将会根据第precision + 1位的有效数字进行四舍五入后，用指数计数法表示；例如：153624.23.toPrecision(3)；输出：'1.54e+5'；（e+5为10的5次方）
  • 数字的有效位数小于precision，将用定点表示法在小数部分填充相应位数的0；例如：153624.23.toPrecision(10)；输出：'153624.2400'；

String 对象用于处理文本（字符串）。

语法

var txt = new String("string");
或者更简单方式：
var txt = "string";

String 对象支持的属性：

属性描述
constructor对创建该对象的函数的引用。
length返回字符串的长度。
prototype允许您向对象添加属性和方法。

constructor、prototype的使用方法同上。

var uname = new String("Hello World") 
console.log("Length "+uname.length)  // 11

String方法

方法描述实例
charAt()返回在指定位置的字符。var str = new String("RUNOOB"); 
console.log("str.charAt(0) 为:" + str.charAt(0)); // R
console.log("str.charAt(1) 为:" + str.charAt(1)); // U 
console.log("str.charAt(2) 为:" + str.charAt(2)); // N 
console.log("str.charAt(3) 为:" + str.charAt(3)); // O 
console.log("str.charAt(4) 为:" + str.charAt(4)); // O 
console.log("str.charAt(5) 为:" + str.charAt(5)); // B
charCodeAt()返回在指定的位置的字符的 Unicode 编码。var str = new String("RUNOOB"); 
console.log("str.charCodeAt(0) 为:" + str.charCodeAt(0)); // 82
console.log("str.charCodeAt(1) 为:" + str.charCodeAt(1)); // 85 
console.log("str.charCodeAt(2) 为:" + str.charCodeAt(2)); // 78 
console.log("str.charCodeAt(3) 为:" + str.charCodeAt(3)); // 79 
console.log("str.charCodeAt(4) 为:" + str.charCodeAt(4)); // 79
console.log("str.charCodeAt(5) 为:" + str.charCodeAt(5)); // 66
concat()连接两个或更多字符串，并返回新的字符串。var str1 = new String( "RUNOOB" ); 
var str2 = new String( "GOOGLE" ); 
var str3 = str1.concat( str2 ); 
console.log("str1 + str2 : "+str3) // RUNOOBGOOGLE
indexOf()返回某个指定的字符串值在字符串中首次出现的位置。var str1 = new String( "RUNOOB" ); 
var index = str1.indexOf( "OO" ); 
console.log("查找的字符串位置 :" + index );  // 3
lastIndexOf()从后向前搜索字符串，并从起始位置（0）开始计算返回字符串最后出现的位置。var str1 = new String( "This is string one and again string" ); 
var index = str1.lastIndexOf( "string" );
console.log("lastIndexOf 查找到的最后字符串位置 :" + index ); // 29
index = str1.lastIndexOf( "one" ); 
console.log("lastIndexOf 查找到的最后字符串位置 :" + index ); // 15
localeCompare() [注]用本地特定的顺序来比较两个字符串。var str1 = new String( "This is beautiful string" );
var index = str1.localeCompare( "This is beautiful string");  
console.log("localeCompare first :" + index );  // 0
match()查找找到一个或多个正则表达式的匹配。

var str="The rain in SPAIN stays mainly in the plain"; 
var n=str.match(/ain/g);  // ['ain','ain','ain']

// 如果找不到的返回null

replace()替换与正则表达式匹配的子串var re = /(\w+)\s(\w+)/; 
var str = "zara ali"; 
var newstr = str.replace(re, "$2, $1"); 
console.log(newstr); // 'ali, zara'
search()检索与正则表达式相匹配的值

var re = /apples/gi; 
var str = "Apples are round, and apples are juicy.";
if (str.search(re) == -1 ) { 
   console.log("Does not contain Apples" ); 
} else { 
   console.log("Contains Apples" ); 
} 

// Contains Apples

// 找到匹配的返回0，找不到返回-1

slice()  [注]提取字符串的片断，并在新的字符串中返回被提取的部分。

var str = "Apples are round, and apples are juicy.";

var str2 = str.slice(0,16);

// 'Apples are round'

split()把字符串分割为子字符串数组。

var str = "Apples are round, and apples are juicy."; 
var splitted = str.split(" ", 3); 
console.log(splitted)  

// [ 'Apples', 'are', 'round,' ]

// 第二个参数为分割份数，如果为负数则无效，会返回全量的分割

substr()从起始索引号提取字符串中指定数目的字符。

var str = "Apples are round, and apples are juicy."; 
console.log(str.substr(0, 6))

//  'Apples'

substring()

提取字符串中两个指定的索引号之间的字符。

（不包括end下标的字符）

var str =

"RUNOOB GOOGLE TAOBAO FACEBOOK"; 
console.log("(1,2): "    + str.substring(1,2));   // 'U'
console.log("(0,10): "   + str.substring(0, 10));

// 'RUNOOB GOO'
console.log("(5): "      + str.substring(5));    

// 'B GOOGLE TAOBAO FACEBOOK'

toLocaleLowerCase()根据主机的语言环境把字符串转换为小写，只有几种语言（如土耳其语）具有地方特有的大小写映射。

var str = "Runoob Google"; 
console.log(str.toLocaleLowerCase( ));  

// 'runoob google'

toLocaleUpperCase()据主机的语言环境把字符串转换为大写，只有几种语言（如土耳其语）具有地方特有的大小写映射。

var str = "Runoob Google"; 
console.log(str.toLocaleUpperCase( ));  

// 'RUNOOB GOOGLE'

toLowerCase()把字符串转换为小写。

var str = "Runoob Google"; 
console.log(str.toLowerCase( ));  

// 'runoob google'

toString()返回字符串。var str = "Runoob"; 
console.log(str.toString( )); // 'Runoob'
toUpperCase()把字符串转换为大写。

var str = "Runoob Google"; 
console.log(str.toUpperCase( ));  

// 'RUNOOB GOOGLE'

valueOf()返回指定字符串对象的原始值。var str = new String("Runoob"); 
console.log(str.valueOf( ));  // 'Runoob'

注：

A.localeCompare( B )

  • 当A与B相等时，返回 0；
  • 当A包含B时，返回  1；
  • 当A不包含B时，返回 -1；

string.slice(start,end)

  • string.slice(start,end) 提取字符串指定位置的字符(包括下标为end的字符)
  • string.slice(start)  从下标start开始，到字符串结束，提取字符串；如果start为负数则从结束位置开始，倒着提取例如："Apple sare round".slice(-5)，输出：'round'

lss_033_lss
关注
  • 16
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
js中通过getElementsByName访问name集合对象的方法
11-29
1、查找给定name属性的所有元素，这个方法将返回一个节点集合，也可以称为对象集合。 2、这个集合可以作为数组来对待，length属性的值表示集合的个数。 3、因为在html页面中，name不能唯一确定一个元素，所以方法的名称为getElementsByName而不是getElementByName <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3
JS中使用变量保存arguments对象的方法
01-19
迭代器（iterator）是一个可以顺序存取数据集合的对象。其一个典型的API是next方法。该方法获得序列中的下一个值。 迭代器示例 题目：希望编写一个便利的函数，它可以接收任意数量的参数，并为这些值建立一个迭代器。 测试代码好下： var it=values(,,,,,,,,); it.next();// it.next();// it.next();// 分析：由于values函数需要接收任意多个参数，这里就需要用到上一节讲到的构建可变参数的函数的方法。然后里面的迭代器对象来遍历arguments对象的元素。 初步编码 function values(){ var i=
React styled-components设置组件属性的方法
12-02
问题 最近在试着用react做一个音乐播放器，在这之前其实并不了解styled-components，但由于使用css in js并且想实现hover效果，百度各种解决方案后发现了styled-components这个好东西，如果你看到了这篇博客，就证明你应该了解或者熟练运用styled-components了。 回到项目开发中，一个音乐播放器应该由多个组件组成，其中有一个list组件用于展示歌曲列表，就像这样   鹅。。。好像暴露了我的喜好。。。 每一列就是一个div（当然ul也是可以的），为了方便后续功能的实现，我把每首歌的海报、音频文件的地址当做div的属性储存起来。lis
JavaScript比较两个对象是否相等的方法
01-19
本文实例讲述了JavaScript比较两个对象是否相等的方法。分享给大家供大家参考。具体如下： 在Python中可以通过cmp()内建函数来比较两个对象所包涵的数据是否相等（数组、序列、字典）。但是在javascript语言中并没有相关的实现。本js代码通过对js对象进行各方面的比较来判断两个对象是否相等 cmp = function( x, y ) { // If both x and y are null or undefined and exactly the same if ( x === y ) { return true; } // If they are not stric
python学习——requests库的基本用法
01-21
获取某个网页 import requests r = requests. get('https://www.baidu.com/') print(type(r)) print(r. status_code) print (type(r. text)) print(r. text) print(r.cookies) 各种请求 # 发送一个 HTTP POST 请求： r = requests.post(http://httpbin.org/post, data = {'key':'value'}) r = requests.delete('http://httpbin.org/delete
ts-number 类型的常用操作
crazy_yun的博客
03-04 1683
ts与js语言中关于number类型的常用操作，包括字符串转数字、进制转换、浮点数格式化等操作
TS中string转化为number
热门推荐
HifunのZone
04-18 3万+
在TypeScript，String转换为Number有以下方式： Number构造函数（推荐） let n = Number('1234') // ---> 1234 let nan = Number('abcd') // ---> NaN +号操作符 let n = +'1234' // ---> 1234 let nan = +'abcd' /...
TypeScript 与 JS 中类型首字母大小写区别（String、string、Number、number、Boolean、boolean ...）
卡尔特斯
06-15 3363
在初入 的时候，怎么区分与使用基础类型 在 中， 以 与 举例，后者是前者的包装对象，其他类型也一个意思。在 中，以 与 举例，前者是 中的类型，后者是 中的对象，其他类型也一个意思。总结：在 中使用小写来定义参数类型（例如：定义 ，而不是 ）。......
关于ts的数据类型以及用法
weixin_72959120的博客
12-18 5360
typescript 数据类型
TS基础用法
weixin_41301816的博客
10-10 1189
JS的升级版 下载依赖包 npm i typescript -g 下载之后，验证 tsc -v ts文件转换成js文件 tsc ts文件名 声明普通类型 let str: string = "str" let num: number = 12 let num: number = undefined let num: number = null let flaf: boolean = true // undefined和null是所有类型的子集 let und: undefined = undefin
typescript第二天
han_xiao_song的博客
11-11 218
typescript第二天 基本类型 数据类型 关键字 描述 任意类型 any 声明为 any 的变量可以赋予任意类型的值。 数字类型 number 双精度 64 位浮点值。它可以用来表示整数和分数。let decLiteral: number = 6; 字符串类型 string 一个字符系列，使用单引号（’）或双引号（"）来表示字符串类型。反引号（`）来定义多行文本和内嵌...
【TypeScript】ts 学习之路二 —— 类型
weixin_69506695的博客
06-12 1369
TypeScript 学习之路
TS学习——第一天
h_jQuery的博客
01-16 111
typeScript
Typescript 开发6. Number 数字
aof26372的博客
06-04 238
Number对象 支持以下方法： 序号方法 & 描述实例 1. toExponential() 把对象的值转换为指数计数法。 //toExponential() var num1 = 1225.30 var val = num1.toExponential(); console.log(val) // 输出： 1.2253e+3 ...
TypeScript的string类型和number类型相互转换
weixin_45675956的博客
10-26 1万+
TypeScript的string类型和number类型相互转换TS如何将string类型转换为number类型TS如何将number类型转换为string类型 TS如何将string类型转换为number类型 str: string = '666'; num: number = 123; num = Number(str); console.log(num); // 666 TS如何将number类型转换为string类型 num1: number = 666; str1: string =
ts学习笔记----ts类型
m0_63237100的博客
04-11 113
14字面量类型: 就是任意值都可以作为类型。（1）单独给指定函数参数类型和返回值类型。明确知道数组里有多少元素，和类型，并规定。（2）同时指定参数和返回值类型。8.对象也有可选属性，也用？使用场景说参数不是必须的。访问枚举成员用（'.'）9.接口：用来复用对象。不推荐使用any类型。函数没有返回值时使用。
Ts中基本类型使用
weixin_45451657的博客
11-02 236
Ts中基本类型 为了让程序有价值，需要能够处理最简单的数据单元：数字，字符串，结构体，布尔值等。 string string表示文本数据类型。 和JavaScript一样，可以使用双引号（ "）或单引号（'）表示字符串。 let say:string = "abeeecd";let str = "Sary"; // 效果一致function sum(a:number,b:number) { &nbs
ts中的特殊符号 ?. ?: 等代表的含义与使用
浩星
03-29 8471
ts相比较js来说，是比较严格的，他中间新增了很多可选链符号，比如：?. ?: !.
【快速了解TypeScript】Ts中的数据类型
zhaochen1127的博客
02-28 2052
ts常见的数据类型string,number,null,undefined等.....null&undefined类型。而经过编译后的js代码如下。interface接口。
ts判断对象属性值是否为空的方法
最新发布
05-30
在 TypeScript 中，可以使用以下方法判断对象属性值是否为空： 1. 使用 if 语句和逻辑运算符：例如，判断对象 obj 的属性值 prop 是否为空，可以使用以下代码： ``` if (obj.prop !== null && obj.prop !== undefined && obj.prop !== '') { // do something } ``` 2. 使用 Optional Chaining 运算符：如果你使用的 TypeScript 版本支持 Optional Chaining 运算符，可以使用以下代码： ``` if (obj.prop?.trim()) { // do something } ``` 在这个例子中，如果 obj.prop 为 null 或 undefined，那么表达式的值将为 undefined，而 undefined 不是一个 truthy 值，因此 if 语句中的代码将不会执行。如果 obj.prop 不为 null 或 undefined，那么表达式的值将为 obj.prop.trim() 的返回值，这可以用来判断属性值是否为空。 希望这可以帮助到你！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值