原始值包装类型

Number

Number类型重写了valueOf()、toLocaleString()和toString()方法。valueOf()方法返回Number对象表示的原始数值,

let num = 10; 
console.log(num.valueOf()); // 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"

如果数值本身的小数位超过了参数指定的位数,则四舍五入到最接近的小数位

let num = 10.005; console.log(num.toFixed(2)); // "10.01" 

toFixed()自动舍入的特点可以用于处理货币。不过要注意的是,多个浮点数值的数学计算不一定得到精确的结果。

比如,0.1 + 0.2 = 0.30000000000000004

注意 toFixed()方法可以表示有0~20个小数位的数值。某些浏览器可能支持更大的范围,但这是通常被支持的范围

另一个用于格式化数值的方法是 toExponential(),返回以科学记数法(也称为指数记数法)表示的数值字符串。与toFixed()一样,toExponential()也接收一个参数,表示结果中小数的位数。
toPrecision() 方法会根据数值和精度来决定调用toFixed()还是toExponential()。为了以正确的小数位精确表示数值,这3个方法都会向上或向下舍入。

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

原始数值在调用typeof时始终返回"number",而Number对象则返回"object"。类似地,Number对象是Number类型的实例,而原始数值不是。

isInteger()方法与安全整数
ES6新增了Number.isInteger()方法,用于辨别一个数值是否保存为整数。有时候,小数位的0可能会让人误以为数值是一个浮点值:

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

String对象的方法可以在所有字符串原始值上调用。3个继承的方法valueOf()、toLocaleString()和toString()都返回对象的原始字符串值。
每个String对象都有一个length属性,表示字符串中字符的数量。来看下面的例子:

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

charAt() 方法返回给定索引位置的字符,

let message = "abcde";  console.log(message.charAt(2)); // "c" 
Unicode笑脸字符。
console.log(String.fromCodePoint(0x1F60A)); //☺
console.log(String.fromCharCode(97, 98, 55357, 56842, 100, 101)); // ab☺de 

字符串操作方法

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

concat() 方法可以接收任意多个参数,因此可以一次性拼接多个字符串,如下所示:

 let stringValue = "hello "; 
 let result = stringValue.concat("world", "!"); 
  console.log(result); // "hello world!" 
  console.log(stringValue); // "hello" 

虽然concat()方法可以拼接字符串,但更常用的方式是使用加号操作符(+)。而且多数情况下,对于拼接多个字符串来说,使用加号更方便。

ECMAScript提供了3个从字符串中提取子字符串的方法:slice()、substr()和substring()。

对substr()而言,第二个参数表示返回的子字符串数量。任何情况下,省略第二个参数都意味着提取到字符串末尾

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" 

当某个参数是负值时,这3个方法的行为又有不同。比如,slice()方法将所有负值参数都当成字符串长度加上负参数值。 而substr()方法将第一个负参数值当成字符串长度加上该值,将第二个负参数值转换为0。substring()方法会将所有负参数值都转换为0。看下面的例子:

let stringValue = "hello world"; 
console.log(stringValue.slice(-3)); // "rld" 
console.log(stringValue.substring(-3)); // "hello world" 
console.log(stringValue.substr(-3)); // "rld" 
console.log(stringValue.slice(3, -4)); // "lo w" 
console.log(stringValue.substring(3, -4)); // "hel" 
console.log(stringValue.substr(3, -4)); // "" (empty string) 

字符串位置方法

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

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

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

字符串包含方法

ECMAScript 6增加了3个用于判断字符串中是否包含另一个字符串的方法:startsWith()、endsWith()和includes()。这些方法都会从字符串中搜索传入的字符串,并返回一个表示是否包含的布尔值。它们的区别在于,startsWith()检查开始于索引0的匹配项,endsWith()检查开始于索引(string.length - substring.length)的匹配项,而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 

trim()方法

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

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

repeat()方法

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

let stringValue = "na "; 
console.log(stringValue.repeat(16) + "batman"); 
// na na na na na na na na na na na na na na na na batman 

padStart()和padEnd()方法

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

let stringValue = "foo"; 
console.log(stringValue.padStart(8, "bar")); // "barbafoo" 
console.log(stringValue.padStart(2)); // "foo"  
console.log(stringValue.padEnd(8, "bar")); // "foobarba" 
console.log(stringValue.padEnd(2)); // "foo" 

字符串迭代与解构

在for-of循环中可以通过这个迭代器按序访问每个字符:

for (const c of "abcde") 
{  console.log(c); }  // a // b // c // d // e

有了这个迭代器之后,字符串就可以通过解构操作符来解构了。比如,可以更方便地把字符串分割为字符数组:

  let message = "abcde"; 
  console.log([...message]); // ["a", "b", "c", "d", "e"] 

字符串大小写转换

大小写转换,包括4个方法:toLowerCase()、toLocaleLowerCase()、toUpperCase()和toLocaleUpperCase()。

let stringValue = "hello world"; console.log(stringValue.toLocaleUpperCase()); // "HELLO WORLD" 
console.log(stringValue.toUpperCase()); // "HELLO WORLD" 
console.log(stringValue.toLocaleLowerCase()); // "hello world" 
console.log(stringValue.toLowerCase()); // "hello world" 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值