JavaScript零基础入门——(六)JavaScript的字符串处理
欢迎大家回到我们的JavaScript零基础入门,上一节课我们了解了JavaScript的程序流程控制,介绍了三大流程控制,分别是顺序流程、分支流程和循环流程,而分支流程中,分为单分支、双分支和多分支。那么这一节课,将带大家一起来学习,JavaScript常用的字符串处理方法。
首先,我们来回顾一下,什么是字符串。
在JavaScript中,字符串是指用引号包裹的一种数据。那么我们经常存在对字符串处理的需要,那又要怎么办呢?其实在原生的JS中,字符串对象提供了一些处理字符串的方法,例如replace、search、split等等,我们一个一个来了解。
- search——查找,或叫搜索,将字符串从左往右搜索,返回第一次出现的位置索引,如果不存在,返回-1,我们来看一下代码:
var str = '123abc345fifa8080';
console.log(str.search('3'));//2
console.log(str.search('f'));//9
console.log(str.search('s'));//-1
- replace——替换,即将字符串中某些内容替换成新的内容,在不使用正则表达式的前提下,replace只会替换首次匹配到的内容。
var str = 'vivo';
str = str.replace('o', 'i');
console.log(str); //vivi
str = str.replace('v', 's');
console.log(str); //sivi
- split——分割,将字符串依指定的字符或字符串分割成若干个数组,如果该指定的字符或字符串不存在,则返回空数组。
var str = '2018-06-15';
var arr = str.split('-');
console.log(arr.length);//3
console.log(arr[0]);//2018
console.log(arr[1]);//06
console.log(arr[2]);//15
- substring——截取子字符串,接收两个参数,第一个参数为起始位置,第二个参数为结束位置,但要注意的是,不包含结束位置。
var str = '123abc456';
var substr = str.substring(3,6);
console.log(substr);//abc
- charAt(index)——获取指定索引的字符,约等价于str[index],但后者存在兼容性问题。
var str = '123abc';
console.log(str.charAt(2));//3
- toLowerCase——变成小写
- toUpperCase——变成大写
var str = '123abc456XY';
console.log(str.toLowerCase());//123abc456xy
console.log(str.toUpperCase());//123ABC456XY
以上就是我们原生JS中常用的字符串处理方法,其实这还不是它的最大威力,当它遇到正则表达式之后,威力更大。
好,这节课我们就讲到这里,由于内容比较简单,这节课我们就不配视频,但大家还是要自己动手敲一敲。下节课,我们一起去感受一下,当字符串遇上正则表达式。