TypeScript(八) number和string

1. TypeScript number

1.1. 描述

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

1.2.语法

javascript 复制代码
var num = new Number(value);;

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

1.3. 对象属性

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

实例:

javascript 复制代码
console.log("TypeScript Number 属性: "); 
console.log("最大值为: " + Number.MAX_VALUE); 
console.log("最小值为: " + Number.MIN_VALUE); 
console.log("负无穷大: " + Number.NEGATIVE_INFINITY); 

执行结果:

1.4. NaN实例

javascript 复制代码
var month = 0 
if( month<=0 || month >12) { 
    month = Number.NaN 
    console.log("月份是:"+ month) 
} else { 
    console.log("输入月份数值正确。") 
}

执行结果:月份是:NaN

1.5. Number对象方法

1.5.1. toExponential()

把对象的值转换为指数计数法。

javascript 复制代码
//toExponential() 
var num1 = 1225.30 var val = num1.toExponential(); 
console.log(val) // 输出: 1.2253e+3

1.5.2. toFixed()

把数字转换为字符串,并对小数点指定位数。

javascript 复制代码
var num3 = 177.234 
console.log("num3.toFixed() 为 "+num3.toFixed())    // 输出:177
console.log("num3.toFixed(2) 为 "+num3.toFixed(2))  // 输出:177.23
console.log("num3.toFixed(6) 为 "+num3.toFixed(6))  // 输出:177.234000

1.5.3. toLocaleString()

把数字转换为字符串,使用本地数字格式顺序。

javascript 复制代码
var num = new Number(177.1234); 
console.log( num.toLocaleString());  // 输出:177.1234

1.5.4. toPrecision()

把数字格式化为指定的长度。

javascript 复制代码
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

1.5.5. toString()

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

javascript 复制代码
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

1.5.6. valueOf()

返回一个 Number 对象的原始数字值。

javascript 复制代码
var num = new Number(10); 
console.log(num.valueOf()); // 输出:10

2. TypeScript string

2.1. 描述

String对象用于处理文本(字符串)。

2.2. 语法:

javascript 复制代码
var txt = new String("string");
// 或更简单方式 
var txt ="string";

2.3. String对象属性(常用)

(1)length - 返回字符串长度

实例:

javascript 复制代码
var name = new String("zhangDM");
console.log("Length = "+ name.length);
执行结果:Length = 7

(2)prototype - 允许您向对象添加属性和方法

实例:

javascript 复制代码
function employee(id:number,name:string) { 
    this.id = id 
    this.name = name 
 } 
 var emp = new employee(123,"admin") 
 employee.prototype.email="admin@runoob.com" // 添加属性 email
 console.log("员工号: "+emp.id) 
 console.log("员工姓名: "+emp.name) 
 console.log("员工邮箱: "+emp.email)

2.4. String方法

2.5.1. charAt()

返回在指定位置的字符。

javascript 复制代码
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

2.5.2. charCodeAt()

返回在指定的位置的字符的 Unicode 编码。

javascript 复制代码
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

2.5.3. concat()

连接两个或更多字符串,并返回新的字符串。

javascript 复制代码
var str1 = new String( "RUNOOB" ); 
var str2 = new String( "GOOGLE" ); 
var str3 = str1.concat( str2 ); 
console.log("str1 + str2 : "+str3) // RUNOOBGOOGLE

2.5.4. indexOf()

返回某个指定的字符串值在字符串中首次出现的位置。

javascript 复制代码
var str1 = new String( "RUNOOB" ); 
var index = str1.indexOf( "OO" ); 
console.log("查找的字符串位置 :" + index );  // 3

2.5.5. lastIndexOf()

从后向前搜索字符串,并从起始位置(0)开始计算返回字符串最后出现的位置。

javascript 复制代码
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

2.5.6. localeCompare()

用本地特定的顺序来比较两个字符串。

javascript 复制代码
var str1 = new String( "This is beautiful string" );
var index = str1.localeCompare( "This is beautiful string");  
console.log("localeCompare first :" + index );  // 0

2.5.7. match()

查找找到一个或多个正则表达式的匹配。

javascript 复制代码
var str="The rain in SPAIN stays mainly in the plain";
 var n=str.match(/ain/g);  // ain,ain,ain

2.5.8.replace()

替换与正则表达式匹配的子串

javascript 复制代码
var re = /(\w+)\s(\w+)/; 
var str = "zara ali"; 
var newstr = str.replace(re, "$2, $1"); 
console.log(newstr); // ali, zara

2.5.9.search()

检索与正则表达式相匹配的值。

javascript 复制代码
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" );
 } 

2.5.10. slice()

提取字符串的片断,并在新的字符串中返回被提取的部分。

2.5.11. split()

把字符串分割为子字符串数组。

javascript 复制代码
var str = "Apples are round, and apples are juicy.";
 var splitted = str.split(" ", 3); 
console.log(splitted)  // [ 'Apples', 'are', 'round,' ]

2.5.12. substr()

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

2.5.13. substring()

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

javascript 复制代码
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

2.5.14. toLocaleLowerCase()

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

javascript 复制代码
var str = "Runoob Google"; 
console.log(str.toLocaleLowerCase( ));  // runoob google

2.5.15. toLocaleUpperCase()

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

javascript 复制代码
var str = "Runoob Google"; 
console.log(str.toLocaleUpperCase( ));  // RUNOOB GOOGLE

2.5.16. toLowerCase()

把字符串转换为小写。

javascript 复制代码
var str = "Runoob Google"; 
console.log(str.toLowerCase( ));  // runoob google

2.5.17. toString()

返回字符串。

javascript 复制代码
var str = "Runoob"; 
console.log(str.toString( )); // Runoob

2.5.18. ttoUpperCase()

把字符串转换为大写。

javascript 复制代码
var str = "Runoob Google"; 
console.log(str.toUpperCase( ));  // RUNOOB GOOGLE

2.5.19. valueOf()

返回指定字符串对象的原始值。

javascript 复制代码
var str = new String("Runoob"); 
console.log(str.valueOf( ));  // Runoob
相关推荐
Myli_ing22 分钟前
考研倒计时-配色+1
前端·javascript·考研
余道各努力,千里自同风25 分钟前
前端 vue 如何区分开发环境
前端·javascript·vue.js
软件小伟34 分钟前
Vue3+element-plus 实现中英文切换(Vue-i18n组件的使用)
前端·javascript·vue.js
醉の虾1 小时前
Vue3 使用v-for 渲染列表数据后更新
前端·javascript·vue.js
张小小大智慧1 小时前
TypeScript 的发展与基本语法
前端·javascript·typescript
hummhumm1 小时前
第 22 章 - Go语言 测试与基准测试
java·大数据·开发语言·前端·python·golang·log4j
asleep7011 小时前
第8章利用CSS制作导航菜单
前端·css
hummhumm1 小时前
第 28 章 - Go语言 Web 开发入门
java·开发语言·前端·python·sql·golang·前端框架
幼儿园的小霸王2 小时前
通过socket设置版本更新提示
前端·vue.js·webpack·typescript·前端框架·anti-design-vue
疯狂的沙粒2 小时前
对 TypeScript 中高级类型的理解?应该在哪些方面可以更好的使用!
前端·javascript·typescript