前端切图仔，常用的21个字符串方法（下）

桃扇骨 2022-08-30 11:42 162阅读 0赞

## 字符串方法 ##

更多方法实例可以参见：[JavaScript String 对象][JavaScript String]。

<table> 
 <thead> 
  <tr> 
   <th>方法</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>charAt()</td> 
   <td>返回指定索引位置的字符</td> 
  </tr> 
  <tr> 
   <td>charCodeAt()</td> 
   <td>返回指定索引位置字符的 Unicode 值</td> 
  </tr> 
  <tr> 
   <td>concat()</td> 
   <td>连接两个或多个字符串，返回连接后的字符串</td> 
  </tr> 
  <tr> 
   <td>fromCharCode()</td> 
   <td>将 Unicode 转换为字符串</td> 
  </tr> 
  <tr> 
   <td>indexOf()</td> 
   <td>返回字符串中检索指定字符第一次出现的位置</td> 
  </tr> 
  <tr> 
   <td>lastIndexOf()</td> 
   <td>返回字符串中检索指定字符最后一次出现的位置</td> 
  </tr> 
  <tr> 
   <td>localeCompare()</td> 
   <td>用本地特定的顺序来比较两个字符串</td> 
  </tr> 
  <tr> 
   <td>match()</td> 
   <td>找到一个或多个正则表达式的匹配</td> 
  </tr> 
  <tr> 
   <td>replace()</td> 
   <td>替换与正则表达式匹配的子串</td> 
  </tr> 
  <tr> 
   <td>search()</td> 
   <td>检索与正则表达式相匹配的值</td> 
  </tr> 
  <tr> 
   <td>slice()</td> 
   <td>提取字符串的片断，并在新的字符串中返回被提取的部分</td> 
  </tr> 
  <tr> 
   <td>split()</td> 
   <td>把字符串分割为子字符串数组</td> 
  </tr> 
  <tr> 
   <td>substr()</td> 
   <td>从起始索引号提取字符串中指定数目的字符</td> 
  </tr> 
  <tr> 
   <td>substring()</td> 
   <td>提取字符串中两个指定的索引号之间的字符</td> 
  </tr> 
  <tr> 
   <td>toLocaleLowerCase()</td> 
   <td>根据主机的语言环境把字符串转换为小写，只有几种语言(如土耳其语)具有地方特有的大小写映射</td> 
  </tr> 
  <tr> 
   <td>toLocaleUpperCase()</td> 
   <td>根据主机的语言环境把字符串转换为大写，只有几种语言(如土耳其语)具有地方特有的大小写映射</td> 
  </tr> 
  <tr> 
   <td>toLowerCase()</td> 
   <td>把字符串转换为小写</td> 
  </tr> 
  <tr> 
   <td>toString()</td> 
   <td>返回字符串对象值</td> 
  </tr> 
  <tr> 
   <td>toUpperCase()</td> 
   <td>把字符串转换为大写</td> 
  </tr> 
  <tr> 
   <td>trim()</td> 
   <td>移除字符串首尾空白</td> 
  </tr> 
  <tr> 
   <td>valueOf()</td> 
   <td>返回某个字符串对象的原始值</td> 
  </tr> 
 </tbody> 
</table>

##### 十一：slice()方法 #####

###### 定义和用法 ######

slice() 方法可从已有的数组中返回选定的元素。

###### 实例 ######

例子 1

在本例中，我们将创建一个新数组，然后显示从其中选取的元素：

输出：

George,John,Thomas
    John,Thomas
    George,John,Thomas

例子 2

在本例中，我们将创建一个新数组，然后显示从其中选取的元素：

输出：

George,John,Thomas,James,Adrew,Martin
    Thomas,James
    George,John,Thomas,James,Adrew,Martin

##### 十二：split()方法 #####

###### 定义和用法 ######

split() 方法用于把一个字符串分割成字符串数组。

###### 实例 ######

例子 1

在本例中，我们将按照不同的方式来分割字符串：

输出：

How,are,you,doing,today?
    H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?
    How,are,you

例子 2

在本例中，我们将分割结构更为复杂的字符串：

"2:3:4:5".split(":")    //将返回["2", "3", "4", "5"]
    "|a|b|c".split("|") //将返回["", "a", "b", "c"]

例子 3

使用下面的代码，可以把句子分割成单词：

var words = sentence.split(' ')
    
    或者使用正则表达式作为 separator：
    
    var words = sentence.split(/\s+/)

例子 4

如果您希望把单词分割为字母，或者把字符串分割为字符，可使用下面的代码：

"hello".split("")   //可返回 ["h", "e", "l", "l", "o"]
    
    若只需要返回一部分字符，请使用 howmany 参数：
    
    "hello".split("", 3)    //可返回 ["h", "e", "l"]

##### 十三：substr()方法 #####

###### 定义和用法 ######

substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。

###### 实例 ######

例子 1

在本例中，我们将使用 substr() 从字符串中提取一些字符：

输出：

lo world!

例子 2

在本例中，我们将使用 substr() 从字符串中提取一些字符：

输出：

lo worl

##### 十四：substring() #####

###### 定义和用法 ######

substring() 方法用于提取字符串中介于两个指定下标之间的字符。

###### 实例 ######

例子 1

在本例中，我们将使用 substring() 从字符串中提取一些字符：

输出：

lo world!

例子 2

在本例中，我们将使用 substring() 从字符串中提取一些字符：

输出：

lo w

##### 十五：toLocaleLowerCase() #####

###### 定义和用法 ######

toLocaleLowerCase() 方法用于把字符串转换为小写。

###### 实例 ######

在本例中，"Hello world!" 将以小写字母来显示：

##### 十六：toLocaleUpperCase() #####

###### 定义和用法 ######

toLocaleUpperCase() 方法用于把字符串转换为大写。

###### 实例 ######

在本例中，"Hello world!" 将以大写字母来显示：

##### 十七：toLowerCase() #####

###### 定义和用法 ######

toLowerCase() 方法用于把字符串转换为小写。

###### 实例 ######

在本例中，"Hello world!" 将以小写字母来显示：

##### 十八：toString() #####

###### 定义和用法 ######

toString() 方法可把一个 Number 对象转换为一个字符串，并返回结果。

###### 实例 ######

在本例中，我们将把一个数字转换为字符串：

输出：

1337

##### 十九：toUpperCase() #####

###### 定义和用法 ######

toUpperCase() 方法用于把字符串转换为大写。

###### 实例 ######

在本例中，"Hello world!" 将以大写字母来显示：

##### 二十：trim() #####

###### 定义和用法 ######

trim() 方法用于删除字符串的头尾空白符，空白符包括：空格、制表符 tab、换行符等其他空白符等。

trim() 方法不会改变原始字符串。

trim() 方法不适用于 null, undefined, Number 类型。

###### 实例 ######

function myTrim(x) {
      return x.replace(/^\s+|\s+$/gm,'');
    }
     
    function myFunction() {
      var str = myTrim("        Runoob        ");
      alert(str);
    }

输出结果

Runoob

##### 二十一：valueOf() #####

###### 定义和用法 ######

valueOf() 方法可返回 String 对象的原始值。

注意： valueOf() 方法通常由 JavaScript 在后台自动进行调用，而不是显式地处于代码中。

###### 实例 ######

返回 String 对象的原始值:

以上实例输出结果:

Hello world!

参考：[https://www.runoob.com/jsref/jsref-obj-string.html][JavaScript String]

[JavaScript String]: https://links.jianshu.com/go?to=https%3A%2F%2Fwww.runoob.com%2Fjsref%2Fjsref-obj-string.html