返回
深入浅出:剖析 Number 和 String 的常用方法,领略 JavaScript 的力量
前端
2023-11-16 21:27:52
Number 类型:数值操作的利器
Number 类型,顾名思义,专门用于处理数值数据。它提供了丰富的操作方法,让你轻松应对各种数值计算和操作。
一、Number 方法速览
- toString() :将数字转换为字符串类型。
- toFixed() :将数字四舍五入为指定位数的小数。
- toPrecision() :将数字转换为指定精度的字符串。
- valueOf() :返回数字的原始值。
- toLocaleString() :以本地化格式显示数字。
二、Number 方法实例剖析
-
整数转字符串 :
const num = 123; const str = num.toString(); console.log(str); // 输出: "123"
-
小数四舍五入 :
const num = 3.1415926; const rounded = num.toFixed(2); console.log(rounded); // 输出: "3.14"
-
数字转指定精度字符串 :
const num = 123.456789; const str = num.toPrecision(4); console.log(str); // 输出: "123.5"
-
获取数字原始值 :
const num = new Number(123); const primitiveValue = num.valueOf(); console.log(primitiveValue); // 输出: 123
-
本地化数字显示 :
const num = 1234567.89; const localized = num.toLocaleString(); console.log(localized); // 输出: "1,234,567.89"
String 类型:字符串操纵的艺术
String 类型用于表示字符串数据。它提供了众多字符串处理方法,助你轻松操纵字符串,完成各种复杂的字符串操作。
一、String 方法速览
- charAt() :获取指定位置的字符。
- charCodeAt() :获取指定位置字符的 Unicode 编码。
- concat() :将多个字符串连接起来。
- indexOf() :查找指定子字符串在字符串中首次出现的位置。
- lastIndexOf() :查找指定子字符串在字符串中最后出现的位置。
- slice() :截取字符串的一部分。
- split() :根据指定分隔符将字符串分割为子字符串数组。
- replace() :用新字符串替换匹配的子字符串。
- toLowerCase() :将字符串转换为小写。
- toUpperCase() :将字符串转换为大写。
二、String 方法实例剖析
-
获取指定位置字符 :
const str = "Hello World"; const char = str.charAt(6); console.log(char); // 输出: "W"
-
获取字符的 Unicode 编码 :
const str = "你好"; const code = str.charCodeAt(0); console.log(code); // 输出: 20320
-
连接字符串 :
const str1 = "Hello"; const str2 = "World"; const combinedStr = str1.concat(" ", str2); console.log(combinedStr); // 输出: "Hello World"
-
查找子字符串首次出现的位置 :
const str = "Hello World, Hello JavaScript"; const index = str.indexOf("Hello"); console.log(index); // 输出: 0
-
查找子字符串最后出现的位置 :
const str = "Hello World, Hello JavaScript"; const index = str.lastIndexOf("Hello"); console.log(index); // 输出: 18
-
截取字符串的一部分 :
const str = "Hello World"; const substring = str.slice(6, 11); console.log(substring); // 输出: "World"
-
根据分隔符分割字符串 :
const str = "Hello,World,JavaScript"; const arr = str.split(","); console.log(arr); // 输出: ["Hello", "World", "JavaScript"]
-
用新字符串替换匹配的子字符串 :
const str = "Hello World"; const newStr = str.replace("World", "Universe"); console.log(newStr); // 输出: "Hello Universe"
-
将字符串转换为小写 :
const str = "HELLO WORLD"; const lowerStr = str.toLowerCase(); console.log(lowerStr); // 输出: "hello world"
-
将字符串转换为大写 :
const str = "hello world"; const upperStr = str.toUpperCase(); console.log(upperStr); // 输出: "HELLO WORLD"
总结
Number 和 String 类型是 JavaScript 中常用的引用类型,分别用于处理数值数据和字符串数据。它们提供了丰富的操作方法,可以满足各种数值计算和字符串操纵的需求。通过本文的学习,相信你已经对 Number 和 String 类型的方法有了更深入的了解。