原生javscript方法---字符串篇

我会带着你远行 2021-07-24 20:58 444阅读 0赞

# 原生javscript方法—字符串篇 #

## 查找字符串中的字符串 ##

`indexOf()` 方法返回字符串中指定文本首次出现的索引（位置）  
语法：stringObject.indexOf(searchvalue,fromindex)

<table> 
 <thead> 
  <tr> 
   <th>参数</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>searchvalue</td> 
   <td>必需。规定需检索的字符串值。</td> 
  </tr> 
  <tr> 
   <td>fromindex</td> 
   <td>可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。</td> 
  </tr> 
 </tbody> 
</table>

*注释*

1.  indexOf() 方法对大小写敏感！
2.  如果要检索的字符串值没有出现，则该方法返回 -1。

var str="word is a good word";
    console.log(str.indexOf("word",1));// 15
    console.log(str.indexOf("word"));// 0

**`lastIndexOf()` 方法返回指定文本在字符串中最后一次出现的索引**

console.log(str.lastIndexOf("o"));// 16
    console.log(str.lastIndexOf("o"));// 16

## 检索字符串中的字符串 ##

`search()` 方法搜索特定值的字符串，并返回匹配的位置：

var str="word is a good word";
    console.log(str.search("word"));//

注意  
两种方法，`indexOf()` 与 `search()`，是相等的。  
区别在于：

1.  `search()` 方法无法设置第二个开始位置参数。
2.  `indexOf()`方法无法设置更强大的搜索值（正则表达式）。

## 提取部分字符串 ##

1.  `slice()` 方法  
    `slice()` 提取字符串的某个部分并在新字符串中返回被提取的部分。  
    该方法设置两个参数：起始索引（开始位置），终止索引（结束位置）。

var str="word is a good word";
    console.log(str.slice(5,12));// is a go

注意  
如果某个参数为负，则从字符串的结尾开始计数。

var str="word is a good word";
    console.log(str.slice(-12,-5));// a good

如果省略第二个参数，则该方法将裁剪字符串的剩余部分：

var str="word is a good word";
    console.log(str.slice(5));// is a good word

1.  `substring()` 方法  
    substring() 类似于 slice()。不同之处在于 substring() 无法接受负的索引。

var str="word is a good word";
    console.log(str.substring(5,12));// is a go
    console.log(str.substring(-12,-5));// 不支持

注意  
如果省略第二个参数，则该 substring() 将裁剪字符串的剩余部分。

var str="word is a good word";
    console.log(str.substring(5));// is a good word

1.  `substr()` 方法  
    `substr()` 类似于 `slice()`。不同之处在于第二个参数规定被提取部分的长度。

var str="word is a good word"; 
    console.log(str.substr(5,6));// is a g

注意  
如果省略第二个参数，则该 `substr()` 将裁剪字符串的剩余部分。  
如果首个参数为负，则从字符串的结尾计算位置。  
第二个参数不能为负，因为它定义的是长度。

var str="word is a good word"; 
    console.log(str.substr(5));// is a good word
    console.log(str.substr(-5));// word

## 替换字符串内容 ##

`replace()`方法用另一个值替换在字符串中指定的值

`replace()`方法不会改变调用它的字符串。它返回的是新字符串。  
注意

1.  `replace()`只替换首个匹配
2.  默认地，`replace()`对大小写敏感。因此不对匹配 MICROSOFT
3.  如需执行大小写不敏感的替换，请使用正则表达式 /i（大小写不敏感）
4.  请注意正则表达式不带引号。
5.  如需替换所有匹配，请使用正则表达式的 g 标志（用于全局搜索）

var str="word is a good word"; 
    console.log(str.replace("good","well"));// word is a well word
    console.log(str.replace(/Good/i,"well"));// word is a well word
    str="word is a good good good good word"; 
    console.log(str.replace(/good/g,"well"));// word is a well well well well word

## 转换为大写和小写 ##

1.  通过`toUpperCase()` 把字符串转换为大写
2.  通过 `toLowerCase()` 把字符串转换为小写

var str="word is a good word";
    console.log(str.toUpperCase());// WORD IS A GOOD WORD
    str='WORD IS A GOOD WORD';
    console.log(str.toLowerCase());// word is a good word

## concat() 方法 ##

`concat()` 连接两个或多个字符串

var str1="word is a";
    var str2='good word';
    console.log(str1.concat(" ",str2));// word is a good word

`concat()` 方法可用于代替加运算符。下面两行是等效的：

var str1="word is a";
    var str2='good word';
    console.log(str1+" "+str2);// word is a good word
    console.log(str1.concat(" ",str2));// word is a good word

*  所有字符串方法都会返回新字符串。它们不会修改原始字符串。
 *  正式地说：字符串是不可变的：字符串不能更改，只能替换。

## `String.trim()` ##

`trim()` 方法删除字符串两端的空白符

var str=" word is a good word";
    console.log(str.trim());//word is a good word

Internet Explorer 8 或更低版本不支持 `trim()` 方法。  
**如需支持 IE 8，可搭配正则表达式使用 replace() 方法代替**

var str=" word is a good word ";
    console.log(str.trim());//word is a good word
    console.log(str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,''));// word is a good word

**还可以使用上面的 replace 方案把 trim 函数添加到 JavaScript String.prototype**

var str = " word is a good word ";
    if (!String.prototype.trim) { 
    	String.prototype.trim = function() { 
    		return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
    	};
    }
    console.log(str.trim());// word is a good word

## 提取字符串字符 ##

这是两个提取字符串字符的安全方法：

*  `charAt(position)`
 *  `charCodeAt(position)`

### `charAt()`方法 ###

`charAt()`方法返回字符串中指定下标（位置）的字符串

var str="word is a good word";
    console.log(str.charAt(0));// w

### `charCodeAt()`方法 ###

`charCodeAt()`方法返回字符串中指定索引的字符`unicode`编码

var str="word is a good word";
    console.log(str.charCodeAt(0));// 119

## 把字符串转换为数组 ##

可以通过`split()`将字符串转换为数组

var str= '1,2,3,4,5,6,7';
    console.log(str.split(","));// ["1", "2", "3", "4", "5", "6", "7"]