js系列之详解字符串

偏执的太偏执、 2023-07-04 06:11 36阅读 0赞

## 前言 ##

javaScript 字符串用于存储和处理文本，几乎被所有的编程语言所实现（然而c、c++没有提供）。多数开发者几乎每天都在和字符串打交道，语言内置的String模块，极大地提升了开发者的效率。本文对js字符串常用的方法进行了整理

## 字符串属性 ##

<table> 
 <thead> 
  <tr> 
   <th align="center">属性</th> 
   <th align="center">描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="center">constructor</td> 
   <td align="center">返回创建字符串属性函数</td> 
  </tr> 
  <tr> 
   <td align="center">length</td> 
   <td align="center">返回字符串的长度</td> 
  </tr> 
  <tr> 
   <td align="center">prototype</td> 
   <td align="center">允许您向对象添加属性和方法</td> 
  </tr> 
 </tbody> 
</table>

## 字符串方法 ##

### charAt（） ###

> 返回在指定位置的字符

例子1：

返回字符串中的第三个字符

var str = "HELLO WORLD";
    var n = str.charAt(2)
    console.log(n);

运行结果  
![cmd-markdown-logo][]

--------------------

例子2：

返回字符串中的最后一个字符

var str = "HELLO WORLD";
    var n = str.charAt(str.length-1);
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 1]

--------------------

### charCodeAt（） ###

> 返回在指定的位置的字符的Unicode编码

例子1：

返回字符串第一个字符的 Unicode 编码

var str = "HELLO WORLD";
    var n = str.charCodeAt(0);
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 2]

--------------------

例子2：

返回字符串中最后一个字符的 Unicode 编码

var str = "HELLO WORLD";
    var n = str.charCodeAt(str.length-1);
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 3]

--------------------

### concat（） ###

> 连接两个或更多字符串，并返回新的字符串

例子1：

连接两个字符串

var str1 = "Hello ";
    var str2 = "world!";
    var n = str1.concat(str2);
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 4]

--------------------

例子2：

连接3个字符串

var str1="Hello ";
    var str2="world!";
    var str3=" Have a nice day!";
    var n = str1.concat(str2,str3);
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 5]

--------------------

### fromCharCode（） ###

> 将Unicode编码转为字符

例子1：

将 Unicode 编码转为一个字符

var n = String.fromCharCode(65);
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 6]

--------------------

例子2：

将 Unicode 编码转换为一个字符串

var n = String.fromCharCode(72,69,76,76,79);
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 7]

--------------------

### indexOf（） ###

> 返回某个指定的字符串值在字符串中首次出现的位置

例子1：

查找字符串 “welcome”

var str="Hello world, welcome to the universe.";
    var n=str.indexOf("welcome");
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 8]

--------------------

例子2：

在字符串查找字符 “e” 第一次出现的位置

var str="Hello world, welcome to the universe.";
    var n=str.indexOf("e");
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 9]

--------------------

例子3：

在字符串第五个位置开始查找字符 “e” 第一次出现的位置

var str="Hello world, welcome to the universe.";
    var n=str.indexOf("e",5);
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 10]

--------------------

### includes （） ###

> 查找字符串中是否包含指定的子字符串

例子1：

查找字符串是否包含 “world”

var str = "Hello world, welcome to the Runoob。";
    var n = str.includes("world");
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 11]

--------------------

例子2：

从第 12 个索引位置开始查找字符串

var str = "Hello world, welcome to the Runoob.";
    var n = str.includes("world", 12);
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 12]

--------------------

### lastIndexOf （） ###

> 从后向前搜索字符串，并从起始位置（0）开始计算返回字符串最后出现的位置

例子1：

查找字符串 “runoob” 最后出现的位置

var str="I am from runoob，welcome to runoob site.";
    var n=str.lastIndexOf("runoob");
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 13]

--------------------

例子2：

从第 20 个字符开始查找字符串 “runoob” 最后出现的位置

var str="I am from runoob，welcome to runoob site.";
    var n=str.lastIndexOf("runoob", 20);
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 14]

--------------------

### match （） ###

> 查找找到一个或多个正则表达式的匹配

例子1：

在字符串中查找 “ain”

var str="The rain in SPAIN stays mainly in the plain";
    var n=str.match(/ain/g);
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 15]

--------------------

例子2：

全局查找字符串 “ain”，且不区分大小写

var str="The rain in SPAIN stays mainly in the plain";
    var n=str.match(/ain/gi);
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 16]

--------------------

### repeat （） ###

> 复制字符串指定次数，并将它们连接在一起返回

例子1：

复制字符串 “Runoob” 两次

var str = "Runoob";
    console.log(str.repeat(2));

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 17]

--------------------

### replace （） ###

> 在字符串中查找匹配的子串， 并替换与正则表达式匹配的子串

例子1：

在本例中，我们将执行一次替换，当第一个 “Microsoft” 被找到，它就被替换为 “Runoob”

var str="Visit Microsoft! Visit Microsoft!";
    var n=str.replace("Microsoft","Runoob");
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 18]

--------------------

例子2：

执行一个全局替换

var str="Mr Blue has a blue house and a blue car";
    var n=str.replace(/blue/g,"red");
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 19]

--------------------

例子3：

执行一个全局替换, 忽略大小写

var str="Mr Blue has a blue house and a blue car";
    var n=str.replace(/blue/gi, "red");
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 20]

--------------------

### search （） ###

> 查找与正则表达式相匹配的值

例子1：

查找 “Runoob”

var str="Visit Runoob!";
    var n=str.search("Runoob");
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 21]

--------------------

例子2：

执行一次对大小写敏感的查找

var str="Mr. Blue has a blue house";
    console.log(str.search("blue"));

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 22]

--------------------

例子3：

执行一次忽略大小写的检索

var str="Mr. Blue has a blue house";
    console.log(str.search(/blue/i));

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 23]

--------------------

### slice （） ###

> 提取字符串片段，并在新的字符串中返回被提取的部分

例子1：

提取字符串的片断

var str="Hello world!";
    var n=str.slice(1,5);
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 24]

--------------------

例子2：

提取最后一个字符

var str="Hello world!";
    var n=str.slice(-1);
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 25]

--------------------

### split （） ###

> 把字符串分割成字符串数组

例子1：

把一个字符串分割成字符串数组

var str="How are you doing today?";
    var n=str.split(" ");
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 26]

--------------------

例子2：

n 将输出3个数组的值

var str="How are you doing today?";
    var n=str.split(" ",3);
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 27]

--------------------

例子3：

使用一个字符作为分隔符

var str="How are you doing today?";
    var n=str.split("o");
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 28]

--------------------

### startsWith （） ###

> 查看字符串是否以指定的子字符串开头

例子1：

查看字符串是否为 “Hello” 开头

var str = "Hello world, welcome to the Runoob.";
    var n = str.startsWith("Hello");
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 29]

--------------------

例子2：

查看从第 6 个索引位置是否以 “world” 开头

var str = "Hello world, welcome to the Runoob.";
    var n = str.startsWith("world", 6);
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 30]

--------------------

### substr （） ###

> 从起始索引号提取字符串中指定数目的字符

例子1：

抽取指定数目的字符

var str="Hello world!";
    var n=str.substr(2,3)
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 31]

--------------------

例子2：

在本例中，我们将使用 substr() 从字符串第二个位置中提取一些字符

var str="Hello world!";
    var n=str.substr(2)
    console.log(n);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 32]

--------------------

### substring （） ###

> 提取字符串中两个指定的索引号之间的字符

例子1：

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

var str="Hello world!";
    console.log(str.substring(3));
    console.log(str.substring(3,7));

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 33]

--------------------

### toLowerCase （） ###

> 把字符串转换为小写

例子1：

把字符串转换为小写

var str="Runoob";
    console.log(str.toLowerCase());

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 34]

--------------------

### toUpperCase （） ###

> 把字符串转换为大写

例子1：

把字符串转换为大写

var str="Runoob";
    console.log(str.toUpperCase());

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 35]

--------------------

### trim （） ###

> 去除字符串两边的空白

例子1：

去除字符串的头尾空格

var str = "       Runoob        ";
    console.log(str.trim());

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 36]

--------------------

### toLocaleLowerCase （） ###

> 根据本地主机的语言环境把字符串转换为小写

例子1：

将字符串转换为小写

var str = "Runoob";
    var res = str.toLocaleLowerCase();
    console.log(res);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 37]

--------------------

### toLocaleUpperCase （） ###

> 根据本地主机的语言环境把字符串转换为大写

例子1：

将字符串转换为大写

var str = "Runoob";
    var res = str.toLocaleUpperCase();
    console.log(res);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 38]

--------------------

### valueOf （） ###

> 返回某个字符串对象的原始值

例子1：

返回 String 对象的原始值

var str="Hello world!";
    console.log(str.valueOf());

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 39]

--------------------

### toString （） ###

> 返回一个字符串

例子1：

返回一个 String 对象的值

var str = "Runoob";
    var res = str.toString();
    console.log(res);

运行结果  
![cmd-markdown-logo][cmd-markdown-logo 40]

--------------------

## ES6/7中字符串常用的方法 ##

### includes（） ###

> 返回布尔值，表示是否找到参数字符串

let s='Hello world!';
    console.log(s.includes('o'));