js中对字符串操作的常见方法

Posted 2021-03-23 hellozxcv的博客

String类型

创建一个String类型的实例

var stringObject = new String("hello world");

String类型的属性

length;// 字符串的长度 注意:即使字符串包含双字节字符,这种双字节字符也算为一个字符

valueOf(), toLocaleString(), toString()

// 继承的`valueOf()`,`toLocaleString()`,`toStirng()`方法,都会返回对象所表示的基本类型字符串值.

charAt() 用索引访问字符串中的字符

var stirngValue = "hello world";
stirngValue.charAt(1);// "e"

使用方括号表示法访问字符stringValue[1]也能访问到"e"

charCodeAt() 用索引访问字符串中的字符编码

var stringValue = "hello world";
stirngValue.charCodeAt(1);// "101"

concat()将一个或多个字符串拼接

var stringValue = "hello ";
var res = StringValue.concat("world");
res;// "hello world"
stringValue;// "hello "

var StringValue = "hello ";
var res = stringValue.concat("world", "!");
res;// "hello world!"
stringValue;// "hello"
// 但在大多数情况下,还是使用 + 操作符来拼接字符串更为方便

slice(), substr(), substring()

var strValue = "hello world";
// 传递一个正参数
// 从索引为3的位置一致截到最后
strValue.slice(3);// "lo world"
strValue.substring(3);// "lo world"
strValue.substr(3);// "lo world"

// 传递两个正数参数
strValue.slice(3, 7);// "lo w" 第二个参数是索引位置(不包含)
strValue.substring(3, 7);// "lo w" 第二个参数是索引位置(不包含)
strValue.substr(3, 7);// "lo worl" 第二个参数是长度

// 传递一个负参数
strValue.slice(-3);// "rld"
strValue.substring(-3);// "hello world"
strValue.substr(-3);// "rld"

// 第二个传递负参数,表示倒数第几个
// 同时也可以这样认为:字符串长度加参数 11 + (-3) = 8 8是索引位置
strValue.slice(3, -4);// "lo w" 第二个参数是索引位置(不包含)
strValue.substring(3, -4);// "hel" 第二个参数是索引位置(不包含)
strValue.substr(3, -4);// "" 长度无法为负

indexOf(),lastIndexOf

前者从左往右,后者从右往左,找到字符串的位置则返回,如果没有找到字符串则返回-1

var strValue = "hello world";
strValue.indexOf("o");// 4
strValue.lastIndexOf("o");// 7

strValue.indexOf("o", 6);// 7
strValue.lastIndexOf("o", 6);// 4

trim()

创建一个字符串的副本,删除前置及后缀的所有空格,然后返回结果

var strValue = "   hello world   ";
var strValueBak = strValue.trim();// "hello world"