js字符串操作

绝地灬酷狼 2022-01-20 11:25 336阅读 0赞

### 1. charAt() ###

返回指定位置的字符

var str="Hello world!";
 document.write("The first character is: " + str.charAt(0) + " ")；
 document.write("The second character is: " + str.charAt(1) + " ")；
 document.write("The third character is: " + str.charAt(2))；
 
 //返回
 The first character is: H
 The second character is: e
 The third character is: l
 复制代码

### 2. charCodeAt() ###

返回指定位置的字符的 Unicode 编码,这个返回值是 0 - 65535 之间的整数

var str="123"
 document.write( str.charCodeAt(0) + " ");
 document.write( str.charCodeAt(1) + " ");
 document.write( str.charCodeAt(2));
 
 //返回值
 49
 50
 51
 复制代码

### 3. concat() ###

用于连接两个或多个字符串

var str1="Hello ";
    var str2="world!";
    document.write(str1.concat(str2));
    
    //Hello world!
    复制代码

其实直接用+连接两个字符串即可

### 4. indexOf() ###

可返回某个指定的字符串值在字符串中首次出现的位置,对大小写敏感,如果要检索的字符串值没有出现，则返回 -1

var str="Hello world!"
 document.write(str.indexOf("H") + " ")
 document.write(str.indexOf("W") + " ")
 document.write(str.indexOf("w"))
 
 //返回
 0
 -1 //对大小写敏感
 6
 复制代码

### 5. slice() ###

提取字符串的某个部分，并以新的字符串返回被提取的部分

`slice(start,end)`,start为起始下标（包括 start），end为结尾下标（不包括 end），若未指定end，则要提取的子串包括 start 到原字符串结尾的字符串，start和end都可以为负数，表示从后面开始算起，-1为最后的字符

#### 5.1 ####

var str="Hello happy world!";
    document.write(str.slice(6));
    
    //返回
    happy world!
    复制代码

未指定end

#### 5.2 ####

var str="Hello world!";
    document.write(str.slice(0,2));
    
    //不包括下标2
    He
    复制代码

### 6. split() ###

将字符串进行拆分并返回一个新的数组

#### 6.1 ####

var str="How are you doing today?"
 document.write(str.split(" ") + " "); //空格
 document.write(str.split("") + " ") //空
 document.write(str.split(" ",3)) //空格，返回的数组长度
 
 //返回
 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 //只返回三个数组元素
 复制代码

### 7. substr() ###

在字符串中抽取从 start 下标开始的指定数目的字符

`obj.substr(start,length);`start为必选，起始下标，可选负数，length为可选，选中的字符个数，若不填，则返回从start开始到结束的字符串

#### 7.1 ####

var str="Hello world!";
    document.write(str.substr(3));
    
    //返回值
    lo world!
    复制代码

从下标为3开始选，到字符串结束

#### 7.2 ####

var str="Hello world!"；
    document.write(str.substr(3,2));
    
    //返回值
    lo
    复制代码

从下标为3开始选，选两个字符

### 8. substring() ###

提取字符串中介于两个指定下标之间的字符

`obj.substring(start,end);`start为必选，起始下标（包括），必须为非负数，stop为可选，结束下标（不包括），必修为非负数。省略stop参数，那么会选取到字符串结尾

#### 8.1 ####

var str="Hello world!";
    document.write(str.substring(3));
    
    //lo world!
    复制代码

从下标为3开始选取，直到末尾

#### 8.2 ####

var str="Hello world!";
    document.write(str.substring(3,5));
    
    //lo
    复制代码

从下标为3开始选取，直到下标为5,（不包括5）

### 9. toLowerCase() ###

把字符串转换为小写

var str="Hello World!";
    document.write(str.toLowerCase());
    
    //hello world!
    复制代码

### 10. toUpperCase() ###

把字符串转换为大写

### 11. toString() ###

转为字符串\`obj.toString()

### 12. search() ###

### 13. replace() ###

在字符串中用一些字符替换另一些字符，对大小写敏感

#### 13.1 ####

var str="Visit Microsoft!";
    document.write(str.replace(/Microsoft/,"W3School"));
    
    //Visit W3School!
    复制代码

用W3School代替Microsoft，但在字符串只进行一次

#### 13.2 ####

var str="Welcome to Microsoft! Welcome to Microsoft!";
    document.write(str.replace(/Microsoft/g, "W3School"));
    
    //Welcome to W3School! Welcome to W3School!
    复制代码

加了关键字g，为全局搜索，字符串所有的Microsoft都被替换为W3School

### 14. search() ###

用于检索字符串中指定的子字符串,返回匹配的第一个位置，对大小写敏感，无匹配字符则返回-1

var str="Hello world!";
 document.write(str.search("world") + " ");
 document.write(str.search("World") + " ");
 
 //
 6
 -1
 复制代码

### 14. trim() ###

去掉字符串开头和结尾空格

var mystr="     hello world      ";  
    var trimStr=mystr.trim();    //hello world
    复制代码