JavaScript字符串常用方法总结

2021/10/12 11:14:42

本文主要是介绍JavaScript字符串常用方法总结,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

1、str.charAt(index) 

  参数:字符串的下标号

  不会改变原有字符串

  返回 字符串中对应 index 下标的字符;如果传入负数或者传入的数字比字符串的长度大,返回值就是空字符

1 var str = 'Hello';
2 console.log('传入 1 的返回值: ' + str.charAt(1));
3 console.log('传入 负数的返回值: ' + str.charAt(-1));
4 console.log('传入大于字符串长度的数字的返回值:' + str.charAt(100));

 

 输出值:

 

 2、str.charCodeAt(index)

  参数:字符串的下标号

  不会改变原有字符串

  返回 字符串中对应 index 下标的字符;如果传入负数或者传入比字符串长度大的数字,返回值是 NaN

1 var str = 'Hello';
2 console.log(`传入 1: ${str.charCodeAt(0)}`);
3 console.log(`传入 负数: ${str.charCodeAt(-1)}`);
4 console.log(`传入 大于字符串长度的数: ${str.charCodeAt(100)}`);

  输出值:

 

 

3、str.concat(str1,str2...) 

  参数:要拼接的字符串,可以有多个

  不会改变原有字符串

  返回值是经过拼接后的新字符串

1 var str = 'Hello';
2 console.log(str.concat('abc', '拼接字符串'));
3 console.log(`原有的字符串: ${str}`);

  输出值:

 

4、str.indexOf(substr,[start])

  substr:要查找的字符

  start:可选参数,指定开始搜索的位置

  返回字符串第一次出现的位置,如果没有找到,就返回-1

var str = 'Hello';
console.log(str.indexOf('l'));

 

  输出值:

 

 

 

5、str.lastIndexOf(substr,[start])

  substr:要查找的字符

  start:可选参数,指定开始搜索的位置

  返回字符串最后一次出现的索引值,如果没有找到,就返回 -1

1 var str = 'Hello';
2 console.log(str.lastIndexOf('l'));

  输出值:

 

 

 

6、str.match(regexp)

  匹配正则表达式

  regexp:正则表达式

  返回值:有匹配项则返回信息数组,没有匹配项就返回 null

var str = 'Hello';
console.log(str.match(/[e]/));

 

  输出值:

 

7、str.replace(regexp/substr,replacetext)

  用来替换字符串

  regexp/substr:必须,要替换的字符串或者用正则表达式匹配到的字符串

  replacetext:必须,替换为这个值的字符串

  返回值:一个新的字符串

1 var str = 'Hello';
2 // 单个匹配只能替换一次
3 console.log(str.replace('l', 'r'));
4 // 使用正则表达式匹配全局, 达到全都替换的效果
5 console.log(str.replace(/[l]/g, 'r'));

 

  输出值: 

 

 

 

 8、str.search(regexp)

  用来检索字符串中是否存在传入的值,如果有,返回对应的下标,如果没有,返回 -1

  regexp:可以是字符,也可以是正则表达式

var str = 'Hello';
console.log(str.search('l'));
console.log(str.search(/[l]/));

 

  输出值:

 

 

 

9、str.slice(start,[end])

  该方法可以提取字符串的某个部分,返回一个新的字符串,包括字符串从 start 开始(包括 start )到 end (不包括end)结束 位置的所有字符串

  start:开始截取的部分(包含)

  end:结束截取的部分(不包含)

var str = 'Hello';
console.log(str.slice(1, 3));

 

  输出值:

 

 

 

10、str.split(delimiter,[limit])

  该方法把字符串分割成数组

  delimiter:以字符串中的什么字符来分割

  limit:可选值,返回的字符串的长度

var str = 'Hello';
console.log(str.split('', 4));

 

   输出值:

 

 

 

11、str.substr(start,[length])

   该方法 可以从 start 下标开始抽取字符,如果第二个参数没有指定,那么就抽取到结束字符;

  start:起始位置(包含)

  length:可选值,抽取几位字符

var str = 'Hello';
console.log(str.substr(1, 2));
console.log(str);

 

  输出值:

 

 

 

 12、str.substring(from,[to])

  substring 是从from下标处开始截取,截取到下标为 to 的位置,如果第一个参数比第二个参数大,那么这个方法就会从第二个参数开始截取字符串,截取到第一个参数的位置

  from:开始位置的下标

  to:结束位置的下标(不包含)

 

var str = 'Hello';
console.log(str.substring(1, 3));
console.log(str.substring(3, 1));
console.log(str);

 

  输出值:

 

 

 

13、str.toLowerCase() 

  把字符串转换为小写,不会改变原有字符串

var str = 'Hello';
console.log(str.toLowerCase());
console.log(str);

 

   输出值:

 

 

 

14、str.toUpperCase()

  把字符串转换为大写,但是不会改变原有字符串

var str = 'Hello';
console.log(str.toUpperCase());
console.log(str);

 

  输出值:

 

 

 

15、str.includes(str)

  用来检查字符串中是否包含指定的字符或者字符串  区分大小写

  str:字符或者字符串

var str = 'Hello JavaScript';
console.log(str.includes('JavaScript'));
console.log(str);

 

  输出值:

 

 

 

16、str.endsWith(str) 

  该函数检查字符串是否以指定的字符串或字符结束

  str:字符或者字符串

var str = 'Hello JavaScript';
console.log(str.endsWith('JavaScript'));
console.log(str.endsWith('T'));
console.log(str);

 

  输出值:

 

 

 17、str.repeat(num)

  该方法构造并返回一个新字符串,按照传入的数值循环拼接原字符串

  num:正整数,传入3,就把原字符串循环拼接三次

   

var str = 'Hello JavaScript';
console.log(str.repeat(2));
console.log(str.repeat('T'));
console.log(str);

 

   输出:

 

18、str.trim()

  去除字符串两端的空白字符,并不会删除中间的

var str = '     Hello JavaScript';
console.log(str.trim());
console.log(str);

 

   输出值:

 

 

 

 

 

 

 



这篇关于JavaScript字符串常用方法总结的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程