TypeScript二-阿里云开发者社区

TypeScript二

2024-04-11 49

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： JavaScript Number对象包含多种方法，如`toExponential()`将数值转化为指数形式，`toFixed()`保留指定位数的小数，`toLocaleString()`按本地格式显示数字，`toPrecision()`格式化数字到指定长度，`toString()`以指定基数表示数字，而`valueOf()`返回原始数值。此外，示例中还展示了Date对象的格式化方法。对于String对象，有`constructor`返回创建对象的函数，`length`获取字符串长度，`prototype`用于扩展对象，以及一系列如`charAt()`、`indexOf()

4、Number 对象方法

4.1、toExponential()

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

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

4.2、toFixed()

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

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.2340

4.3、toLocaleString()

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

var num = new Number(177.1234); 
console.log( num.toLocaleString());  // 输出：177.1234

4.4、toPrecision()

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

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

4.5、toString()

把数字转换为字符串，使用指定的基数。数字的基数是 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

4.6、valueOf()

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

var num = new Number(10); 
console.log(num.valueOf()); // 输出：10

4.7、时间格式化

var date = new Date();
console.log(date); //2022-09-02T14:08:32.960Z
console.log(date.toLocaleString()); //2022/9/2 22:08:32
console.log(date.toLocaleDateString()); //2022/9/2
console.log(date.toLocaleTimeString()); //22:08:32
console.log(date.toDateString()); //Fri Sep 02 2022
console.log(date.toString()); //Fri Sep 02 2022 22:08:32 GMT+0800 (中国标准时间)

5、TypeScript String（字符串）

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

5.1、constructor

对创建该对象的函数的引用。

var str = new String( "This is string" ); 
console.log("str.constructor is:" + str.constructor)

输出结果：str.constructor is:function String() { [native code] }

5.2、length

返回字符串的长度。

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

5.3、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" // 添加属性 email
 console.log("员工号: "+emp.id) 
 console.log("员工姓名: "+emp.name) 
 console.log("员工邮箱: "+emp.email)

==String 方法==

5.1、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

5.2、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

5.3、concat()

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

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

5.4、indexOf()

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

var str1 = new String( "RUNOOB" ); 

var index = str1.indexOf( "OO" ); 
console.log("查找的字符串位置 :" + index ); // 3

5.5、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

5.6、localeCompare()

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

var str1 = new String( "This is beautiful string" );

var index = str1.localeCompare( "This is beautiful string");  

console.log("localeCompare first :" + index );  // 0

5.7、match()

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

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

5.8、replace()

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

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

5.9、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" ); 
}

5.10、slice()

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

5.11、split()

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

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

5.12、substr()

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

5.13、substring()

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

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

5.14、toLocaleLowerCase()

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

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

5.15、toLocaleUpperCase()

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

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

5.16、toLowerCase()

把字符串转换为小写。

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

5.17、toString()

返回字符串。

var str = "Runoob"; 
console.log(str.toString( )); // Runoob

5.18、toUpperCase()

把字符串转换为大写。

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

5.19、valueOf()

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

var str = new String("Runoob"); 
console.log(str.valueOf( ));  // Runoob