【前端学习笔记JS—字符串常见操作】

---

---

前言

本文就前端知识中字符串的常见操作基础知识点进行总结，希望对你有用！

---

字符串常见操作

一、什么是字符串

JS字符串用于存储和处理文本。

字符串是引号中的零个或多个字符：

var str = "Hello word!";

二、字符串常见操作

1.大小写转换

使用toUpperCase()方法进行大写转换，使用toLowerCase()方法进行小写转换：

var str="Hello WoRd";
console.log(str.toUpperCase(),str.toLowerCase());//HELLO WORD hello word

2.字符串转换成数组

使用split()方法将字符串转换成数组：

var str="a,1,b,2,c,3,d,4";
var arr=str.split(",");//使用逗号进行分隔

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

如果分隔符是 “”，被返回的数组将是间隔单个字符的数组

3.查找字符串中的字符

使用indexOf()方法返回某个指定的字符串值在字符串中首次出现的位置，果没有找到匹配的字符串则返回 -1：

var str = "Hello word!";
var n=str.indexOf("o");
console.log(n);//4

4.截取部分字符串

1）使用slice(start, end)方法剪切字符串的片段，返回被提取部分：

var str = "Hello word!";
var res = str.slice(2,5);
console.log(res);//llo

2）使用substring(start, end)方法截取字符串中两个指定的索引号之间的字符：

var str = "Hello word!";
var res = str.substring(7,9);
console.log(res);//or

3）使用substr(start, length)方法截取从起始索引号开始的指定长度的字符：

var str = "Hello word!";
var res = str.substr(7,4);
console.log(res);//ord!

5.替换字符串内容

使用replace(x,y)将x替换成y：

var str = "Hello word!";
var newStr=str.replace("word","CSDN");
console.log(newStr);//Hello CSDN!

6.字符串拼接

使用concat()方法连接两个或多个字符串：

var str1 = "Hello";
var str2 = "World";
str3 = str1.concat(" ",str2);
console.log(str3);//Hello World!

三、转义字符

     转义字符是字符的一种间接表示方式。因为字符串已经由引号包裹，特殊语境中无法直接使用字符自身（例如：字符串内使用引号、换行、反斜杠等），这时需使用转义字符间接表示字符本身。
     JavaScript 定义反斜杠加上字符可以表示字符自身。注意，一些字符加上反斜杠后会表示特殊字符，而不是原字符本身，这些特殊转义字符被称为转义序列，具体说明如下表所示:

转义序列	字符	备注
\b	退格	backspace
\f	走纸换行	line feed
\n	换行	newline
\r	回车	return
\t	横向跳格(Ctrl-I)	tab
\’	单引号	’
\"	双引号	"
\\	反斜杠	\

---

如果以上知识对你有用欢迎点赞和关注~ 谢谢~

---