JS进阶-字符串提取

 字符串提取的三个方法

 slice()

方法可提取字符创的某个部分，并以新的字符串返回被提取的部分

str.slice(start,end?)

使用start(包含)和end(不包含)参数来指定字符创提取的部分。

let str = 'First second third fourth';
console.log(str.slice(10));//nd third fourth
console.log(str.slice(10,15));//nd th  不包含end 字符
console.log(str.slice(-10,-5));//负值会从倒数位置开始计算  ird f
console.log(str.slice()); //First second third fourth  不传递输出完整的值

substr()

方法在字符串中提取从开始下标开始的指定数目的字符。

str.substr(start,length?)

substr()参数指定的是子串的开始位置和长度，

因此他可以替代substring()和slice()来使用

let str = 'First second third fourth';
console.log(str.substr(10,4));//从10开始 长度为4
console.log(str.substr(-10,5));//截取的长度从倒数开始就算10开始计算 //ird f

 substring()

方法用于提取字符串的两个指定下标的字符

str.subString(from,to?)

substring返回的子串包括开始处的字符.但不包括结束处的字符

let str = 'First second third fourth';
console.log(str.substring(10));//nd third fourth
console.log(str.substring(-10));//First second third fourth  只能接收非负整数 默认返回完整
console.log(str.substring(10,15));//nd th
console.log(str.substring(10,10));//返回空字符串

 chatAt(index)   charCodeAt(index)

字符串的提取方法

有两种可以实现字符的提取：

1.chatAt(index):A可返回指定位置的字符

2.charCodeAt(index):可返回指定位置的字符的Unicode编码，返回值是0-65535之间的整数

let str = 'First second ';
console.log(str.charAt(3));//s
console.log(str.charAt());//F
console.log(str.charCodeAt(3));//115
console.log(str.charCodeAt());//70
console.log(str[3]);//s

 substr()和subString区别：

第二个参数不同

substr(start,length?) 第二个参数指截取的长度

substring(from,to?)第二个参数截取到的位置

2）substring参数是非负整数   substr可以为负数

大小写转换 toUpperCase() toLowerCase()

let str = 'First second ';
console.log(str.toUpperCase());//FIRST SECOND 
console.log(str.toLowerCase());//first second 

replace:

()方法用于在字符创中用一些字符替换另一些字符，或替换一个与正则表达式匹配的字串

strName.replace(regexp/substr,replacement)

返回值是一个新的字符串

let str = 'Test123';
console.log(str.replace('123', '!')); //将str中123的值 替换成！
function getValue() {
  checkValue = prompt('请输入英文字符:');
  checkValue = checkValue.toLowerCase();
  if (
    checkValue == 'a' ||
    checkValue == 'e' ||
    checkValue == 'i' ||
    checkValue == 'o' ||
    checkValue == 'u'
  ) {
    console.log('元音');
  } else {
    console.log('辅音');
  }
}

getValue();