返回

深入浅出:剖析 Number 和 String 的常用方法,领略 JavaScript 的力量

前端

Number 类型:数值操作的利器

Number 类型,顾名思义,专门用于处理数值数据。它提供了丰富的操作方法,让你轻松应对各种数值计算和操作。

一、Number 方法速览

  1. toString() :将数字转换为字符串类型。
  2. toFixed() :将数字四舍五入为指定位数的小数。
  3. toPrecision() :将数字转换为指定精度的字符串。
  4. valueOf() :返回数字的原始值。
  5. toLocaleString() :以本地化格式显示数字。

二、Number 方法实例剖析

  1. 整数转字符串

    const num = 123;
    const str = num.toString();
    console.log(str); // 输出: "123"
    
  2. 小数四舍五入

    const num = 3.1415926;
    const rounded = num.toFixed(2);
    console.log(rounded); // 输出: "3.14"
    
  3. 数字转指定精度字符串

    const num = 123.456789;
    const str = num.toPrecision(4);
    console.log(str); // 输出: "123.5"
    
  4. 获取数字原始值

    const num = new Number(123);
    const primitiveValue = num.valueOf();
    console.log(primitiveValue); // 输出: 123
    
  5. 本地化数字显示

    const num = 1234567.89;
    const localized = num.toLocaleString();
    console.log(localized); // 输出: "1,234,567.89"
    

String 类型:字符串操纵的艺术

String 类型用于表示字符串数据。它提供了众多字符串处理方法,助你轻松操纵字符串,完成各种复杂的字符串操作。

一、String 方法速览

  1. charAt() :获取指定位置的字符。
  2. charCodeAt() :获取指定位置字符的 Unicode 编码。
  3. concat() :将多个字符串连接起来。
  4. indexOf() :查找指定子字符串在字符串中首次出现的位置。
  5. lastIndexOf() :查找指定子字符串在字符串中最后出现的位置。
  6. slice() :截取字符串的一部分。
  7. split() :根据指定分隔符将字符串分割为子字符串数组。
  8. replace() :用新字符串替换匹配的子字符串。
  9. toLowerCase() :将字符串转换为小写。
  10. toUpperCase() :将字符串转换为大写。

二、String 方法实例剖析

  1. 获取指定位置字符

    const str = "Hello World";
    const char = str.charAt(6);
    console.log(char); // 输出: "W"
    
  2. 获取字符的 Unicode 编码

    const str = "你好";
    const code = str.charCodeAt(0);
    console.log(code); // 输出: 20320
    
  3. 连接字符串

    const str1 = "Hello";
    const str2 = "World";
    const combinedStr = str1.concat(" ", str2);
    console.log(combinedStr); // 输出: "Hello World"
    
  4. 查找子字符串首次出现的位置

    const str = "Hello World, Hello JavaScript";
    const index = str.indexOf("Hello");
    console.log(index); // 输出: 0
    
  5. 查找子字符串最后出现的位置

    const str = "Hello World, Hello JavaScript";
    const index = str.lastIndexOf("Hello");
    console.log(index); // 输出: 18
    
  6. 截取字符串的一部分

    const str = "Hello World";
    const substring = str.slice(6, 11);
    console.log(substring); // 输出: "World"
    
  7. 根据分隔符分割字符串

    const str = "Hello,World,JavaScript";
    const arr = str.split(",");
    console.log(arr); // 输出: ["Hello", "World", "JavaScript"]
    
  8. 用新字符串替换匹配的子字符串

    const str = "Hello World";
    const newStr = str.replace("World", "Universe");
    console.log(newStr); // 输出: "Hello Universe"
    
  9. 将字符串转换为小写

    const str = "HELLO WORLD";
    const lowerStr = str.toLowerCase();
    console.log(lowerStr); // 输出: "hello world"
    
  10. 将字符串转换为大写

    const str = "hello world";
    const upperStr = str.toUpperCase();
    console.log(upperStr); // 输出: "HELLO WORLD"
    

总结

Number 和 String 类型是 JavaScript 中常用的引用类型,分别用于处理数值数据和字符串数据。它们提供了丰富的操作方法,可以满足各种数值计算和字符串操纵的需求。通过本文的学习,相信你已经对 Number 和 String 类型的方法有了更深入的了解。