JavaScript String 对象详解：属性与方法全解析

作者：闭包旅人时间：2026-10-30 17:14:53浏览：334

本文系统介绍 JavaScript 中的 String 对象，涵盖构造函数与 length 属性。详细解析 chatAt、indexOf、replace、slice、split 等核心方法的使用场景与语法，通过代码示例展示字符串查找、替换、截取及大小写转换等常见操作，帮助开发者掌握基础字符串处理技巧。

String 对象概述与构造函数

一、String 对象

String 对象用于处理文本（字符串）。

二、构造函数

new String(value) //构造函数 function String(value) //转换函数

三、属性

length 该字符串中的字符数


      var str = new String("abcdefg");
      document.write(str.length);   //输出 7

String 对象属性与方法详解

四、方法

1、charAt() 取出一个字符串中指定位置的字符。


      var str = new String("abcdefg");
      document.write(str.charAt(1));   //输出 b

2、charCodeAt() 返回一个字符串中指定位置的字符的编码。


      var str = new String("abcdefg");
      document.write(str.charCodeAt(1));   //输出 98

3、concat() 将一个或多个值连接成一个字符串。


      var str = new String("abcdefg");
      var str1 = "hijk";
      document.write(str.concat(str1));   //输出 abcdefghijk

4、indexOf() 在指定的字符串中寻找一个字符或字串的位置。如果没有找到返回-1

语法： indexOf(str) str:子串或字符

indexOf(str,start) str:子串或字符。start:指定搜索的开始位置


      var str = new String("abccba");
      document.write(str.indexOf('b'));   //输出 1
　　　 document.write(str.lastIndexOf("bc"));   //输出 1

用该方法实现Contains效果，判断一个字符串是否包含另一个字符串：


<script type="text/javascript">
    window.onload = function () {
      var str1 = "刘备";
      var str2 = "刘备是个牛人!";
      alert(str2.indexOf(str1)); //输出 0 出现的位置
      if (str2.indexOf(str1) > -1) {
        alert("包含!");
      }
      else {
        alert("不包含!");
      }
    }
  </script>

5、lastIndexOf() 在指定的字符串中向后(倒序)寻找一个字符或字串的位置。如果没有找到返回-1

语法： lastIndexOf(str) str:子串或字符

lastIndexOf(str,start) str:子串或字符。start:指定搜索的开始位置


      var str = new String("abccba");
      document.write(str.lastIndexOf('b'));   //输出 4

6、localeCompare() 使用本地定义的顺序比较字符串。


      var str = "abccba";
      document.write(str.localeCompare("bc"));　　//输出 -1

7、match() 使用正则表达式执行模式匹配。

8、replace() 使用正则表达式执行查找与替换操作。


      var str = "abccba";
      document.write(str.replace("b","-"));　　//输出 a-ccba

9、search() 在一个字符串中查找匹配某个正则表达式的字串。


      var str = "abccba";
      document.write(str.search("b"));  //输出 1

10、slice() 返回字符串的一个切片或字串。如果参数是负数表示从后往前数。不改变原字符串。


      var str = "abcdefg";
      document.write(str.slice(2) + "<br/>"); //输出cdefg
      document.write(str);          //输出abcdefg　　可以看到原字符串并没有更改。

11、split() 用指定的分隔符字符串或正则表达式断开，返回字串数组。


      var str = "abcdefg";
      var arr = str.split("d");
      document.write(arr.join());          //输出abc,efg

12、substr() 提取字符串的一个子串，substring()的一个变体。已弃用。

13、substring() 提取字符串的一个子串。

语法：substring(start,end) 从start开始，到end结束，包括开始但不包括end。不改变原字符串。


      var str = "12345678";
      document.write(str.substring(1,4));　　//输出 234

14、toLowerCase() 返回指定字符串的一份小写副本。


      var str = "abcDEF";
      document.write(str.toLocaleLowerCase());  //输出 abcdef

15、toString() 返回原始的字符串值。


      var str = "abcDEF";
      document.write(str.toString());  //输出 abcDEF

16、toUpperCase() 返回指定字符串的一份大写副本。


      var str = "abcDEF";
      document.write(str.toUpperCase());  //输出 ABCDEF

17、trim() 返回指定字符串的一份去除前后空白的副本。


      var str = "  abcDEF  ";
      document.write("11" + str.trim() + "11" + "<br/>");  //输出 11abcDEF11
      document.write("11" + str + "11");  //输出 11 abcDEF 11

18、valueOf() 返回原始的字符串值。


      var str = "abcDEF";
      document.write(str.valueOf());  //输出 abcDEF

以上就是本文的全部内容，希望对大家有所帮助，谢谢对本站的支持！

作者最新文章

怎么用 Promise 封装 JavaScript sleep 函数实现异步延时

2026-11-05 17:49:14

什么时候该用JS构造器：与工厂模式、字面量的选择对比

2026-11-05 16:18:22

推荐几款轻量级JS照片墙开源库及对比

2026-11-05 15:56:19

JavaScript递归写法有哪些常见陷阱及避免方法

2026-11-05 14:53:38

JS数组浅拷贝与深拷贝怎么选？场景与方法总结

2026-11-05 14:41:02