字符串的查找、替换、分割、匹配、截取、转大小写方法以及四种正则运算的方法

字符串

字符串是什么

字符串将同样的内容串在一块,里面的值是常量,所以增删查改不会改变原字符串。

字符串的声明

  1. 值类型赋值

    var str = ''

     

  2. 对象类型赋值(new)

    var str = new String('')//new后面字母大写

     

  3. ES6新增合并字符串(${}

    var i = 'a'
    var str = 'b'${a}
    console.log(str)//ab

new String()与String()区别

  • new String 是构建的string对象类型(引用数据类型)

  • String是将参数转为string类型,是值类型

字符串的方法

charAt()(和[]下标一样)

var str = 'abc'
console.log(str.charAt(0))//a

 

charCodeAt()(查看下标值的字符串的ACSII码)

var str = 'abc'
console.log(str.charCodeAt(0))//a的ASCII值97

 

fromCharCode(将ACSII值转为字符串,静态方法)

var str = String.formCharCode(97)//返回的是字符串
console.log(str)//a

 

indexOf()通过字符串向 (下标值) 右找,即从前往后找

lastIndexOf()向 (下标值) 的左找,即从后往前找

//返回下标
var str = 'abc'
console.log(str.indexOf('ab')) //返回的下标0
console.log(str.indexOf('d')) //找不到返回-1
console.log(str.lastIndexOf('ab')) //返回的下标0
console.log(str.lastIndexOf('d')) //找不到返回-1
var str = 'abbbccde'
console.log(str.indexOf('b',2)) //从下标2开始找 找第一个出现b的位置 2
console.log(str.lastIndexOf('b',2))//从2开始找 2

 

支持正则运算的四个方法

search查找(返回下标)

replace替换(返回数组)

split分割(返回数组)

match匹配(返回数组)

var str = 'abcacc'
var str1 = str.search('a')//只会找一次
var str1 = str.search(\a\)//全部的a
  
                      
//将一个a替换成hello                    
var str2 = str.replace('a','hello')
//将全部a替换成hello
var str2 = str.replace('a','hello')
​
//split默认不是以,作为分割 默认不分割 直接填入到数组
console.log(str.split()); //['abcacc']
console.log(str.split(',')); //['a','b','c','a','c','c']
//match匹配
//默认只找第一个匹配的 加入到数组
var arr = str.match('a')
console.log(arr);//a
var arr = str.match(\a\)
console.log(arr);//aa

 

截取的方法

substring(开始的下标,结束的下标) substr(开始的下标,个数)

var str ="abcdef"
//substring(开始的下标,结束的下标) 不包含结束的下标
console.log(str.substring(1));//bcdef
console.log(str.substring(1,3));//截取不包含最后一个下标 (默认不填str.length)bc
​
​
// substr(开始的下标,截取的个数)
console.log(str.substr(1));//默认的情况是截取到最后 bcdef
console.log(str.substr(1,3));//从下标1开始截取 截取个数为3个 bcd

 

转大写 (toUpperCase)

转小写 (toLowercase)

var str = 'abcABC'
console.log(str.toUpperCase())//ABCABC
console.log(str.toLowerCase())//abcabc
 
posted @ 2022-08-01 19:44  奇思妙想流川枫  阅读(261)  评论(0)    收藏  举报