JS Number、String类型详解

乌圆狸

已于 2023-12-07 19:06:54 修改

阅读量1.2k

点赞数 31

分类专栏： JavaScript高级程序设计读书笔记文章标签： java 开发语言

于 2023-12-07 19:06:37 首次发布

本文链接：https://blog.csdn.net/WHU2020302111428/article/details/134854594

版权

JavaScript高级程序设计读书笔记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

padStart()和padEnd()方法

字符串大小写转换

字符串模式匹配方法

localeCompare()方法

Number

Number是对应数值的引用类型。要创建一个Number对象，就使用Number构造函数并传入一个数值。与Boolean类型一样，Number类型重写了valueOf()、 toLocalString()和toString()方法。value Of()方法返回Number对象表示的原始数值，另外两个方法返回数值字符串。toString()方法可选的接收一个表示基数的参数，并返回相应基数形式的数值字符串，如下所示：

let num  = 10;
console.log(num.toString());        //"10"
console.log(num.toString(2));       //"1010"
console.log(num.toString(8));       //"12"
console.log(num.toString(10));      //"10"
console.log(num.toString(16));      //"a"

除了继承的方法，Number类型还提供了几个用于将数值格式化为字符串的方法。

toFixed()方法返回包含指定小数点位数的数值字符串，如：

let num  = 10;
console.log(num.toFixed(2));  //"10.00"

另一个用于格式化数值的方法是toExponential()，返回以科学计数法表示的数值字符串。与toFixed()一样，toExponential()也接收一个参数，表示结果中小数的位数。

let num  = 10;
console.log(num.toExponential(1));  //"1.0e+1"

toPrecision()方法会根据情况返回最合理的输出结果，可能是固定长度，也可能是科学计数法形式。这个方法接收一个参数，表示结果中数字的总位数。

let num  = 99;
console.log(num.toPrecision(1));    //"1e+2"
console.log(num.toPrecision(2));    //"99"
console.log(num.toPrecision(3));    //"99.0"

ES6新增了Number.isInteger()方法，用于辨别一个数值是否保存为整数。

console.log(Number.isInteger(1));       //true
console.log(Number.isInteger(1.00));    //true
console.log(Number.isInteger(1.01));    //false

String

String是对应字符串的引用类型。要创建一个String对象，使用String构造函数并传入一个数值。String对象的方法可以在所有字符串原始值上调用。3个继承的方法，valueOf()、 toLocalString()和toString()方法都返回对象的原始字符串值。每个String对象都有一个length属性，表示字符串中字符的数量。

charAt()方法返回给定索引位置的字符，由传给方法的整数参数指定。

let message = "abcde";
console.log(message.charAt(2));   //"c"

使用charCodeAt()方法可以查看指定码元的字符编码。这个方法返回指定索引位置的码元值，索引以整数指定。

fromCharCode()方法用于根据给定的UTF-16码元创建字符串中的字符。这个方法可以接受任意多个数值，并返回将所有数值对应的字符拼接起来的字符串。

为了正确解析既包含单码元字符又包含代理对字符的字符串，可以使用codePointAt()来代替charCodeAt()。跟使用charCodeAt()时类似。codePointAt()接收16位码元的索引并返回该索引位置上的码点，码点是unicode中一个字符的完整标识。比如C的码点是0x0063。码点可能是16位，也可能是32位，而codePointAt()方法可以从指定码元位置识别完整的码点。

字符串操作方法

Concat()用于将一个或多个字符串拼接成一个新字符串。

let stringValue = "hello ";
let result = stringValue.concat("world");

console.log(result);         //"hello world"
console.log(stringValue);    //"hello"

但更常用的方法是使用加号操作符。而且多数情况下，对于拼接多个字符串来说，使用加号更方便。

ECMAScript提供了3个从字符串中提取子字符串的方法：slice()、 substr()和substring()。这3个方法都返回调用它们的字符串的一个子字符串，而且都接收一个或两个参数。第一个参数表示子字符串开始的位置，第二个参数表示子字符串结束的位置。对slice()和substring()而言，第二个参数是提取结束的位置。对substr()而言，第二个参数表示返回的子字符串长度。任何情况下，省略第二个参数都意味着提取到字符串末尾。与concat()方法一样，slice()、 substr()和substring()也不会修改调用它们的字符串，而只会返回提取到的原始新字符串值。

let stringValue = "hello world";
console.log(stringValue.slice(3));        //"lo world"
console.log(stringValue.substring(3));    //"lo world"
console.log(stringValue.substr(3));       //"lo world"
console.log(stringValue.slice(3,7));      //"lo w"
console.log(stringValue.substring(3,7));  //"lo w"
console.log(stringValue.substr(3,7));     //"lo worl"

字符串位置方法

有两个方法用于在字符串中定位子字符串：indexOf()和lastIndexOf()。这两个方法从字符串中搜索传入的字符串，并返回位置（如果没找到，则返回-1）。两者的区别在于，indexOf()方法从字符串开头开始查找子字符串，而lastIndexOf()方法从字符串末尾开始查找子字符串。

let stringValue = "hello world";
console.log(stringValue.indexOf("o"));        //4
console.log(stringValue.lastIndexOf("o"));    //7

这两个方法都可以接收可选的第二个参数，表示开始搜索的位置。这意味着，indexOf()会从这个参数指定的位置开始向字符串末尾搜索，忽略该位置之前的字符；lastIndexOf()则会从这个参数指定的位置开始向字符串开头搜索，忽略该位置之后直到字符串末尾的字符。

字符串包含方法

ECMAScript增加了3个用于判断字符串中是否包含另一个字符串的方法：startsWith()、endsWith()和includes()。这些方法都会从字符串中搜索传入的字符串，并返回一个表示是否包含的布尔值。它们的区别在于，startsWith()检查开始于索引0的匹配项，endsWith()检查开始于索引的匹配项，而includes()检查整个字符串：

let message = "foobarbaz";

console.log(message.startsWith("foo"));   //true
console.log(message.startsWith("bar"));   //false

console.log(message.endsWith("baz"));     //true
console.log(message.endsWith("bar"));     //false

console.log(message.includes("bar"));     //true
console.log(message.includes("qux"));     //false

startsWith()和includes()方法接收可选的第二个参数，表示开始搜索的位置。如果传入第二个参数，则意味着这两个方法会从指定位置向着字符串末尾搜索，忽略该位置之前的所有字符。

endsWith()方法接收可选的第二个参数，表示应该当作字符串末尾的位置。如果不提供这个参数，那么默认就是字符串长度。如果提供这个参数，那么就好像字符串只有那么多字符一样。

trim()方法

ECMAScript在所有字符串上都提供了trim()方法。这个方法会创建字符串的一个副本，删除前、后所有空格符，再返回结果。由于trim()返回的是字符串的副本，因此原始字符串不受影响，即原本的前后空格符都会保留。另外，trimLeft()和trimRight()方法分别用于从字符串开始和末尾清理空格符。

repeat()方法

ECMAScript在所有字符串上都提供了repeat()方法。这个方法接收一个整数参数，表示要将字符串复制多少次，然后返回拼接所有副本后的结果。

padStart()和padEnd()方法

padStart()和padEnd()方法会复制字符串，如果小于指定长度，则在相应一边填充字符，直至满足长度条件。这两个方法的第一个参数是长度，第二个参数是可选的填充字符串，默认为空格。

字符串大小写转换

下一组方法涉及大小写转换，包括四个方法，toLowerCase()、toLocaleLowerCase()、toUpperCase()和toLocaleUpperCase()。

字符串模式匹配方法

String类型专门为在字符串中实现模式匹配设计了几个方法。第一个就是match()方法，这个方法本质上跟RegExp对象的exec()方法相同。match()方法接收一个参数，可以是一个正则表达式字符串，也可以是一个RegExp对象。

let text = "cat,bat,sat,fat";
let pattern = /.at/;

let matches = text.match(pattern);    
console.log(matches.index);         //0
console.log(matches[0]);            //"cat"
console.log(pattern.lastIndex);     //0

另一个查找模式的字符串方法是search()。这个方法唯一的参数与match()方法一样：正则表达式字符串或RegExp对象。这个方法返回模式第一个匹配的位置索引，如果没找到则返回-1。search()始终从字符串开头向后匹配模式。

let text = "cat,bat,sat,fat";
let pos = text.search(/at/);
console.log(pos);     // 1

为简化子字符串替换操作，ECMAScript提供了replace()方法，这个方法接收两个参数，第一个参数可以是一个RegExp对象或一个字符串，第二个参数可以是一个字符串或一个函数。如果第一个参数是字符串，那么只会替换第一个子字符串。要想替换所有子字符串，第一个参数必须为正则表达式，且带全局标记，如下面的例子所示：

let text = "cat,bat,sat,fat";
let result = text.replace("at","ond");
console.log(result);   //"cond,bat,sat,fat"

result = text.replace(/at/g,"ond");
console.log(result);   //"cond,bond,sond,fond"