JavaScript基础方法集合

谁有历经千辛万苦的意志，谁就能达到任何目的

一、查找、检索字符串

1. indexOf() 方法

indexOf() 方法返回字符串中指定文本首次出现的位置。

实例

>var str = "The full name of China is the People's Republic of China.";
>var pos = str.indexOf("China");
>// 返回 17 
>

><!--more-->
------

### 2. `lastIndexOf()` 方法

>  `lastIndexOf()` 方法返回置地文本在字符串**最后一次**出现的位置。
>
> ****实例****
> ```javascript
var str = "The full name of China is the People's Republic of China.";
var pos = str.lastIndexOf("China");
// 返回 51

• 注：如果未找到文本， indexOf() 和 lastIndexOf() 均返回 -1。

---

3. search() 方法

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

与1 的区别：search() 方法可以设置更强大的搜索值（正则表达式）。

实例

> var str = "The full name of China is the People's Republic of China.";
> var pos = str.search("locate");
> // 返回 17 
>

------
### 4. `charAt()` 方法

> `charAt()` 方法返回字符串中指定下标（位置）的字符串：
>
> ****实例****
> ```javascript
var str = "HELLO WORLD";
str.charAt(0);
// 返回 H

---

5.charCodeAt() 方法

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

实例

> var str = "HELLO WORLD";
> str.charCodeAt(0); 
> // 返回 72 
>

### 注 ：

> 两种方法，`indexOf()` 与 `search()`，这两种方法是***不相等`***的。区别在于：
>
> - `search()` 方法无法设置第二个开始位置参数。
> - `indexOf()` 方法无法设置更强大的搜索值（正则表达式）。

------

## 二、分割提取部分字符串

### 1. `slice()` 方法

> `slice()` 方法提取字符串的某个部分并在新字符串中返回被提取的部分。
>
> 该方法设置两个参数：起始索引（开始位置），终止索引（结束位置）。
>
> ****实例****
>```javascript
var str = "Apple, Banana, Mango";
var res = str.slice(7,13);
// 返回 Banana

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

> var str = "Apple, Banana, Mango";
> var res = str.slice(-13,-7);
> // 返回 Banana
>

> 如果省略第二个参数，则该方法将裁剪字符串的剩余部分：
​```javascript
var str = "Apple, Banana, Mango";
var res = str.slice(-13,-7);
// 返回 Banana, Mango

或者从结尾计数：

> var str = "Apple, Banana, Mango";
> var res = str.slice(-13,-7);
> // 返回 Banana, Mango 
>

> 注：负值位置不适用 Internet Explorer 8 及其更早版本。
------


### 2.`substring()` 方法

> `substring()` 类似于 `slice()`。不同之处在于 substring() 无法接受负的索引。
>
> ****实例****
> ```javascript
var str = "Apple, Banana, Mango";
var res = str.substring(7,13);
// 返回 Banana

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

---

3.substr() 方法

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

实例

> var str = "Apple, Banana, Mango";
> var res = str.substr(7,6);
> // 返回 Banana
>

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

### 1. `replace()`方法

> `replace()` 方法用另一个值替换在字符串中指定的值：
>
> 一共两个参数，第一个是要替换的字符串，第二个是想要替换的结果
>
> ****实例****
> ```javascript
str = "Please visit Microsoft and Microsoft and MICROSOFT!";
var n = str.replace("Microsoft", "W3School");
// 得到 n = Please visit W3School and Microsoft and MICROSOFT!

replace() 方法不会改变调用它的字符串。它返回的是新字符串。默认地，replace() 只替换首个匹配, replace() 对大小写敏感。

---

四、转换为大写和小写

1. toUpperCase() 方法

通过 toUpperCase() 把字符串转换为大写：

实例

> var text1 = "Hello World!";
> var text2 = text1.toUpperCase(); 
> // 得到 text = "HELLO WORLD!"
>

------
### 2.`toLowerCase()` 方法

> 通过 `toLowerCase()` 把字符串转换为小写：
>
> ****实例**** 
> ```javascript
var text1 = "Hello World!";
var text2 = text1.toLowerCase();
// 得到 text2 = "hello world!"

---

五、字符串的格式化

1. concat() 方法

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

实例

> var text1 = "Hello";
> var text2 = "World";
> text3 = text1.concat(" ",text2,"!");
> // 得到text3 = "Hello World!"
>

------
### 2. `trim()`方式

> `trim()` 方法删除字符串两端的空白符：
>
> ****实例****
>
>```javascript
var str = "       Hello World!        ";
alert(str.trim());
// 返回 "Hello world!"

注：Internet Explorer 8 或更低版本不支持 trim() 方法。

---

六、把字符串转换为数组

1.split()方法

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

实例

> var txt = "a,b,c,d,e";
> txt.split(",");          // 用逗号分隔
> txt.split(" ");          // 用空格分隔
> txt.split("|");          // 用竖线分隔
>

> 如果省略分隔符，被返回的数组将包含 index [0] 中的整个字符串。

------