【JS】原始值包装类型-Boolean、Number、String

为了方便操作原始值，ES提供了3中特殊的引用类型：

1. Boolean
2. Number
3. String

它们具有其他引用类型一样的特点，也具有与各自原始类型对应的特殊行为。

每当调用到某个原始值的方法或者属性的时候(原始值本身不是对象，逻辑上不应该有属性和方法)，后台都会自动创建一个相应的原始包装类型的对象，从而暴露出操作原始值的各种方法。(也就是说，我们调用某个原始值的属性或方法时，其实调用的是这个原始值相应的包装类型的对象的属性或者方法)。

let s1 = "some text";//原始值，字符串
let s2 = s1.substring(2);//原始值s1调用了substring()方法

这里代码能正常执行，其实是因为后台做了很多处理：

• 第2行代码，访问s1的时候，是以读模式访问的(即从内存中读取变量保存的值)，以读模式访问字符串值的任何时候，后台都会执行以下3步：
  (1) 创建一个String类型的实例；
  (2)调用实例上的特定方法；
  (3)销毁实例；
  用代码表示为：

let s1 = new String("some text");//创建实例
s2 = s1.substring(2);//调用实例的方法
s1 = null;//销毁实例

这种行为使得原始值拥有了对象的行为。 对于布尔值和数值而言，这3步也同样在后台发生，不同的是用的是Boolean和Number包装类型而已。

引用类型与包装类型的 主要区别在于对象的生命周期 ，在通过new实例化引用类型后，得到的实例会在离开作用域时销毁，而自动创建的原始值包装对象则 只存在于访问它的那行代码执行期间。 这意味着，不能在运行时给原始值添加属性或者方法。

可以显式地使用Boolean,Number,String构造函数来创建原始值包装对象。但是容易让开发者疑惑，分不清它们到底是原始值还是引用值。在原始值包装类型的实例上调用typeof会返回"object"，所有原始值包装对象都会转换成布尔值true。

Object构造函数作为一个工厂方法，能够根据传入值的类型返回相应原始值包装类型的实例：

let obj = new Object("some text");
console.log(obj instanceof String);//true

如果传给Object的是字符串，则会创建一个String的实例，数值则是Number，布尔值则是Boolean的实例。
注意
使用new调用原始值包装类型的构造函数，与调用同名的转型函数并不一样。

let value = "25";//定义一个字符串
let number = Number(value);//转型函数
console.log(number);//number类型
let obj = new Number(value);//构造函数
console.log(obj);//object类型

Boolean

要创建一个Boolean对象，就使用Boolean构造函数并传入一个true或false。

let booleanObject = new Boolean(true);

Boolean的实例会重写valueOf()方法，返回一个原始值true/false。
toString()方法被调用时也会被覆盖，返回字符串"true"或"false"。
Boolean对象容易引起误会，尤其是在布尔表达式中使用Boolean对象的时候：

let falseObject = new Boolean(false);//Boolean对象
let result = falseObject && true;
console.log(result);//true

let falseValue = false;//Boolean原始值
result = falseValue && true;
console.log(result);//false

在布尔运算中，false && true 等于 false。但是第2行代码，是对falseObject这个对象求值，而不是对它表示的布尔值求值，然后因为所有的对象在布尔表达式中都会自动转换成true，因此falseObject在表达式中实际上表示一个true值。

Number

要创建一个Number对象，就使用Number构造函数并传入一个数值：

let numberObject = new Number(10);

Number类型重写了valueOf(),toLocaleString(),toString()方法。
valueOf()方法返回Number对象表示的原始值，另外两个方法返回数值字符串。

toString()方法可选地接受一个 表示基数的参数，并返回相应基数形式的数值字符串。

let num = 10;
console.log(num.toString());//"10"
console.log(num.toString(2));//"1010",二进制
console.log(num.toString(16));//"a",十六进制

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

toFixed()

该方法返回包含指定小数位数的数值字符串：

let num1 = 10;
let num2 = 10.005;
console.log(num1.toFixed(2));//"10.00"
console.log(num2.toFixed(2));//"10.01"

toFixed()方法接收了参数2表示返回色数值字符串要包含两位小说。
如果数值本身的小数超过了参数指定的位数，则四舍五入到最接近的小数位数。
toFixed()方法可以（通常）可以表示0~20个小数位的数值。

toExponential()

该方法返回科学计数法（指数计数法）表示的数值字符串。它接收一个参数表示结果中小数的位数。

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

toPrecision()

该方法会根据情况返回最合理的输出结果，可能是固定长度，可能是科学计数法形式。它接收一个参数，表示 结果中数字的总位数（不包括指数）：

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

toPrecision()方法可以表示1~21个小数位的数值。

本质上，toPrecision()方法会根据数值和精度来决定调用toFixed()还是toExponential()。

为了以正确的小数位精确表示数值，上面的三种方法都会向上或向下舍入。

isInteger()

该方法是ES6新增的，用于辨别一个数值是否为整数：

console.log(Number.isInteger(1));//true
//有时候小数位的0可能会让人误以为数值是一个浮点值。
console.log(Number.isInteger(1.00));//true
console.log(Number.isInteger(1.01));//true

String

要创建一个String对象，就使用String构造函数并传入一个字符串。

let stringObject = new String("hello word");

String对象的方法可以在所有的字符串上调用。 3个继承方法valueOf(),toLocalString(),toString()都返回对象的原始字符串值。

每个String对象都有length属性，表示字符串中字符的数量（字符串数值）。（空格也算一个字符）

let str = "hello world";
console.log(str.length);//"11"

字符串操作方法

concat()

该方法用于将一个或多个字符串（该方法可以接收任意多个参数）拼接成一个新的字符串。

let str = "hello ";
let res = str.concat("world");
console.log(res,str);//"hello world","hello "

上面的例子可以看出，concat方法不改变原字符串。

ECMAScript提供了3种从字符串中提取子字符串的方法：splice(),substr(),substring()。
这三种方法都返回调用它们的字符串的一个子字符串，而且都接收一或二个参数。
第一个参数表示子字符串开始的位置，第二个参数表示子字符串结束的位置。
对于splice和substring而言，第二个参数是提取结束的位置（表示该位置之前的字符会被提取出来）。对于substr而言，第二个参数表示返回的子字符串的数量。任何情况下，省略第二个参数都意味着提取到字符串的末尾。
splice(),substr(),substring()三种方法都不会改变原字符串。
当上面三种方法接收到的参数是个负值的时候，三者的表现不尽相同：
1.splice方法将所有的负值参数都当成字符串长度叫上负参数值。
2.substr方法将第一负参数值当成字符串长度加上该值，将第二个负参数值转化为0。
3.substring方法会所有的负参数值转化为0。

let str = "hello world";
console.log(str.splice(-3));//"rld"
console.log(str.substr(-3));//"rld"
console.log(str.substring(-3));//"hello world"
console.log(str.splice(3,-4));//"lo w"
//对于substr而言，第二个负参数值会转化为什么了 ，相当于返回0个字符串，所以返回个空字符串。
console.log(str.substr(3,-4));//" "(空字符串)
console.log(str.substring(3,-4));//"hel"

字符串位置方法

有两个方法用于在字符串中定位子字符串，分别是indexOf(),lastIndexOf()。这两个方法凑够字符串中搜索传入的字符串，并返回位置（找不到返回－1）。两者的区别是：

indexOf()

从字符串的开头开始查找。

lastIndexOf()

从字符串的末尾开始查找。

上面两个方法都可以接收第二个可选参数，表示开始搜索的位置。

let str = "abcdefg";
console.log(str.indexOf("c",2));//3
console.log(str.lastIndexOf("c",2));//3

像下面这样使用indexOf方法可以实现遍历整个字符串：

let str = "I want to be a doctor,I want to be a teacher";
let positions = new array();
let pos = str.indexOf("a");

while(pos>-1){
	position.push(pos);
	pos = str.indexOf("e",pos+1);
}

字符串包含方法

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

let msg  = "foobarbaz";

console.log(msg.startsWith("foo"));//true
console.log(msg.startsWith("bar"));//false
//endsWith方法类似startWith方法
console.log(msg.includes("bar"));//true
console.log(msg.includes("apple"));//false

这三种方法都可以接收第二个参数：
startsWith(),includes()方法接收可选的第二个参数，表示开始搜索的位置。
endsWith方法接收第二个参数，表示应该当做字符串结尾的位置。如果不提供这个参数，那么默认就是字符串长度。

trim()

所有的字符串都提供了trim()方法。这个方法会创建一个字符串的副本，然后删除前、后的所有空格符，再返回结果。

let str = " hello world ";
let res = str.trim();
console.log(str);//" hello world "
console.log(res);//"hello world"

由于trim()返回的是字符串的副本，因此原始的字符串不受影响。
另外，trimLeft()和trimRight()方法分别用于从字符串开始和末尾清理空格。

repeat()

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

let str = "na ";
console.log(str.repeat(3) + "batMan");
//"na na na batMan"

padStart(),padEnd()

上面这两个方法会复制字符串，如果小于指定长度，则在相应的一边填充字符，直至满足长度条件。Start是在开头填充，End则是在末尾。
第一个参数是长度，第二个参数是可选的填充字符串，默认是空格。

let str = "foo";
console.log(str.padStart(6));//"   foo",前面有3个空格字符
console.log(str.padEnd(9,"."));//"foo......"

第二个参数并不仅限于一个字符，如果提供一个字符串，则会将其拼接并截断以满足指定的长度。
如果长度参数小于或者等于字符串的长度，则会返回原始字符串。

let str = "foo";
console.log(str,padStart(2));//"foo"

字符串的大小写转换

共有4种方法进行大小写转换：

• //大写转小写
• toLowerCase()
• toLocaleLowerCase()
• //小写转大写
• toUpperCase()
• toLocaleUpperCase()