JavaScript常用字符串方法汇总

在JS中所有用单引号或者双引号包起来的都是字符串,每一个字符串是由零到多个字符组成,ECMAScript 中的字符串是不可变的,也就是说,字符串一旦创建,它们的值就不能改变。要改变某个变量保存的字符串,首先要销毁原来的字符串,然后再用另一个包含新值的字符串填充该变量。

1:length 属性

解释:length算是字符串中非常常用的一个属性了,它的功能是获取字符串的长度。当然需要注意的是js中的中文每个汉字也只代表一个字符,这里可能跟其他语言有些不一样。

 var str = "Hello,JavaScript!"
 console.log(str.length)   //17

2:获取类方法

  • charAt()

    解释:charAt()方法可用来获取指定位置的字符串,index为字符串索引值,index的范围从0开始到string.length–1,若不在这个范围将返回一个空字符串。


    var str = "Hello,JavaScript!"
    console.log(str.charAt(4)) //o

  • charCodeAt()

    解释:charCodeAt()方法可返回指定位置的字符的Unicode编码。charCodeAt()方法与charAt()方法类似,都需要传入一个索引值作为参数,区别是前者返回指定位置的字符的编码,而后者返回的是字符子串。

    Unicode:统一码,也叫万国码、单一码(Unicode)是计算机科学领域里的一项业界标准,包括字符集、编码方案等。Unicode 是为了解决传统的字符编码方案的局限而产生的,它为每种语言中的每个字符设定了统一并且唯一的二进制编码,以满足跨语言、跨平台进行文本转换、处理的要求。


    var str = "Hello,JavaScript!"
    console.log(str.charCodeAt(2))       //108

  • fromCharCode()

    解释:fromCharCode()可接受一个或多个Unicode值,然后返回一个字符串。另外该方法是String 的静态方法,字符串中的每个字符都由单独的数字Unicode编码指定。

    
    console.log(String.fromCharCode(97,98,99,100))           //abcd
    

3:查找类方法

  • indexOf()

    解释:indexOf()用来检索指定的字符串值在字符串中首次出现的位置。它可以接收两个参数,第一个参数表示要查找的子字符串,第二个参数表示查找的开始位置,省略的话则从开始位置进行检索,没有找到则返回-1。


    var str = "Hello,JavaScript!"
    console.log(str.indexOf("l"))           //2

  • lastIndexOf()

    解释:lastIndexOf()语法与indexOf()类似,它返回的是一个指定的子字符串值最后出现的位置,其检索顺序是从后向前,没有找到则返回-1.


    var str = "Hello,JavaScript!"
    console.log(str.lastIndexOf("l"))           //3

  • search()

    解释:search()方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。它会返回第一个匹配的子字符串的起始位置,如果没有匹配的,则返回-1。


    var str = "Hello,JavaScript!"
    console.log(str.search("l"))           //2
    console.log(str.search("f"))           //-1
    console.log(str.search(/Llo/i))        //2

  • match()

    解释:match()方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。
    如果参数中传入的是子字符串或是没有进行全局匹配的正则表达式,那么match()方法会从开始位置执行一次匹配,如果没有匹配到结果,则返回null。否则则会返回一个数组,该数组的第0个元素存放的是匹配文本,除此之外,返回的数组还含有两个对象属性index和input,分别表示匹配文本的起始字符索引和stringObject 的引用(即原字符串)。


    var str = "Hello,JavaScript!"
    console.log(str.match("JavaScript"))
    console.log(str.match(/\w/))
    console.log(str.match("哈哈"))

在这里插入图片描述
如果参数传入的是具有全局匹配的正则表达式,那么match()从开始位置进行多次匹配,直到最后。如果没有匹配到结果,则返回null。否则则会返回一个数组,数组中存放所有符合要求的子字符串,并且没有index和input属性。


var str = "Hello,JavaScript!"
console.log(str.match(/\w/g))
//['H', 'e', 'l', 'l', 'o', 'J', 'a', 'v', 'a', 'S', 'c', 'r', 'i', 'p', 't']

4:截取类方法

  • substring()

    substring()是最常用到的字符串截取方法,它可以接收两个参数(参数不能为负值),分别是要截取的开始位置和结束位置,它将返回一个新的字符串,其内容是从start处到end-1处的所有字符。若结束参数(end)省略,则表示从start位置一直截取到最后。


    var str = "Hello,JavaScript!"
    console.log(str.substring(2,5))         //llo
    console.log(str.substring(2))           //llo,JavaScript!

  • substr()

    substr()方法可在字符串中抽取从start下标开始的指定数目的字符。其返回值为一个字符串,包含从 stringObject的start(包括start所指的字符)处开始的length个字符。如果没有指定 length,那么返回的字符串包含从start到stringObject的结尾的字符。另外如果start为负数,则表示从字符串尾部开始算起。


	var str = "Hello,JavaScript!"
    console.log(str.substr(2,5))         //llo,J
    console.log(str.substr(-2,3))        //t!

  • slice()

    slice()方法与substring()方法非常类似,它传入的两个参数也分别对应着开始位置和结束位置。而区别在于,slice()中的参数可以为负值,如果参数是负数,则该参数规定的是从字符串的尾部开始算起的位置。也就是说,-1 指字符串的最后一个字符。


	var str = "Hello,JavaScript!"
    console.log(str.slice(2,5))         //llo
    console.log(str.slice(-5,-2))       //rip

5:其他字符串方法

  • replace()

    replace()方法用来进行字符串替换操作,它可以接收两个参数,前者为被替换的子字符串(可以是正则表达式),后者为用来替换的文本。
    如果第一个参数传入的是子字符串或是没有进行全局匹配的正则表达式,那么replace()方法将只进行一次替换(即替换最前面的),返回经过一次替换后的结果字符串。


    var str = "Hello,JavaScript!"
    console.log(str.replace("JavaScript","JS"))          //Hello,JS!
    console.log(str.replace(/\w/,"*"))              //*ello,JavaScript!
    console.log(str.replace(/\w/g,"*"))             //*****,**********!

  • split()

    split()方法用于把一个字符串分割成字符串数组。第一个参数separator表示分割位置(参考符),第二个参数howmany表示返回数组的允许最大长度(一般情况下不设置)。


    var str = "Hello,JavaScript!"
    console.log(str.split(","))         //["Hello", "JavaScript!"]

  • toLowerCase()

    toLowerCase()方法可以把字符串中的大写字母转换为小写,


    var str = "Hello,JavaScript!"
    console.log(str.toLowerCase())        //hello,javascript!

  • toUpperCase()

    toUpperCase()方法可以把字符串中的小写字母转换为大写。



    var str = "Hello,JavaScript!"
    console.log(str.toUpperCase())        //HELLO,JAVASCRIPT!


  • concat()

    concat() 方法用于连接两个或多个字符串,相当于“+”运算符。


    var str = "Hello,JavaScript!"
    console.log(str.concat(",一起来学习呀"))        //Hello,JavaScript!,一起来学习呀

  • trim()

    trim方法用来去除字符串的首尾空格:


 console.log("    Hello,    JavaScript!       ".trim())          //Hello,    JavaScript!


  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值