javaScript字符串方法总结

97 阅读5分钟

一、字符查找方法类

参数表示str表示传入字符串,num表示传入数值,带图标✨表示常用

1、charAt(num) 返回在指定位置的字符。index表示查找的指定下标

var str = "JavaScript";
var n = str.charAt(2)
console.info(n) // v

✨2、indexOf(str) 返回某个指定的字符串值在字符串中首次出现的位置。区分大小写

var str = "JavaScript";
var n = str.indexOf('S')
console.info(n) //4

✨3、lastIndexOf(str) 返回一个指定的字符串值最后出现的位置,如果指定第二个参数 start,则在一个字符串中的指定位置从后向前搜索,区分大小写

var str="I am from china";
var n=str.lastIndexOf("china");
console.log(n);//10

4、endsWith(str) endsWith() 方法用来判断当前字符串是否是以指定的子字符串结尾的(区分大小写)。 如果传入的子字符串在搜索字符串的末尾则返回 true,否则将返回 false。

let str = "Hello world";
let str1 = str.endsWith("world")   
let str2 = str.endsWith("World")  
console.log(str1)//  true
console.log(str2) //  false

5、startsWith(str) startsWith() 方法用于检测字符串是否以指定的子字符串开始。(区分大小写)。 如果传入的子字符串在搜索字符串的末尾则返回 true,否则将返回 false。

let str = "Hello world";
let str1 = str.startsWith("Hello")   
let str2 = str.startsWith("world")  
console.log(str1)//  true
console.log(str2) //  false

6、match(re | str) 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。re表示传入正则表达式,正则后带g表示查找字符串内匹配的所有字符,并返回一个数组,不带g返回传入字符的详情数组

var str="I am from china";
var n=str.match(/m/g);
console.log(n); // ['m', 'm' ]

7、search(re | str) 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配,返回传入字符的下标。re表示传入正则表达式,正则后带g表示查找字符串内匹配的所有字符,并返回一个数组,不带g返回传入字符的详情数组

var str="Visit BOBO!"; 
var n=str.search(/O/g);
var n1=str.search('O');
console.log(n);//7
console.log(n1);//7

8、charCodeAt(num) 方法可返回指定位置的字符的 Unicode 编码,返回值是 0 - 65535 之间的整数,表示给定索引处的 UTF-16 代码单元。 字符串中第一个字符的位置为 0, 第二个字符位置为 1,以此类推

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

✨9、repalce(str,str) 用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。只能替换匹配到的第一个字符

var str="Da,Da";
var n=str.replace("a","c");
console.log(n)//Dc,Da

✨10、repalceAll(str,str) replaceAll() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。该函数会替换所有匹配到的子字符串

var str="Da,Da";
var n=str.replace("a","c");
console.log(n)//Dc,Dc

二、字符处理类

11、repeat(num) 该方法用于字符串复制,num表示复制字符串的次数

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

✨12、slice(start,end) slice(start, end) 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。 使用 start(包含) 和 end(不包含) 参数来指定字符串提取的部分。 start 参数字符串中第一个字符位置为 0, 第二个字符位置为 1, 以此类推,如果是负数表示从尾部截取多少个字符串,slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素(包含最后一个元素)。 end 参数如果为负数,-1 指字符串的最后一个字符的位置,-2 指倒数第二个字符,以此类推

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

✨13、split(str) split() 方法用于把一个字符串分割成字符串数组。

var str="How are you ?";
var n=str.split(" ");
console.log(n) //[ 'How', 'are', 'you', '?' ]

14、substr(start,end) substr() 方法可在字符串中抽取从 开始 下标开始的指定数目的字符。

var str="How are you ?";
var n=str.substr(0,3);
console.log(n) //'How'

✨15、substring(start,end) substring() 方法用于提取字符串中介于两个指定下标之间的字符。 substring() 方法返回的子串包括 开始 处的字符,但不包括 结束 处的字符。

var str="How are you ?";
var n=str.substring(0,3);
console.log(n) //'How'

16、trim() 方法用于去除字符串两边的空格。

var str="   How   ";
var n=str.trim();
console.log(n) //'How'

三、其它

17、toLowerCase() 将字符串转化为小写

var str="HOW";
var n=str.toLowerCase();
console.log(n) //'how'

18、toUpwerCase() 将字符串转化为大写

var str="how";
var n=str.toUpperCase();
console.log(n) //'HOW'

19、toString() 除object外,将其它基本类型转换为字符串,当然,字符串本身也带有这个方法,但是因为本来就是字符串,所以没有必要用

var num =1111;
var arr = [1,2,3]
var str=num.toString();
var str1 = arr.toString()
console.log(str) //111
console.log(str1) //1,2,3

四、后续新增

19、at(num) 和charAt()方法的使用是差不多的,也是传入数值下标,返回该下标下的字符。同样支持负数索引,表示从尾部开始查找。

var str = 'hello'
console.log(str.at(2)) //l

20、str.includes(string) 查看在str字符串中是否包含了string字符,包含则返回true,反之false。区分大小写

var str = 'hello'
console.log(str.includes('l')) //true
console.log(str.includes('a')) //false

后话

本次的总结就先到这里,有的方法在nodejs中运行会报错,如果出现该函数未定义,产生的原因基本上是nodejs版本过低,建议升级到最新版本的nodejs。NodeJS官方下载链接 另外还有一些个人感觉很少用到的方法就没有添加上。学习位置是菜鸟教程: www.runoob.com/jsref/jsref… 欢迎一起学习交流