盘点那些Javascript中字符串常用方法

字符串查找

查找指定位置的字符串 charAt()方法

返回某个位置的字符,也就是字符串的下标,第一个字符的下标从0开始
如果下标超出了字符串长度,该方法将返回一个空字符串

var xw = "前端爱好者小王";

var a = xw.charAt(0);   //返回  前
var b = xw.charAt(1);   //返回  端
var c = xw.charAt(10);   //返回 空
var e = xw.charAt(13);   //返回 空
console.log(a+'-'+b+'-'+c)   //前-端-

查询字符在当前字符串中是否出现 indexOf()方法

返回某个指定的字符串值在字符串中首次出现的位置
如果存在,返回下标,如果不存在 返回-1 该方法页适用于数组

示例

var xw = "前端爱好者小王";

var a = xw.indexOf("前");  // 返回0
var b = xw.indexOf("小");  // 返回5
var c = xw.indexOf("哈");  // 返回-1
var d = xw.indexOf("W");  // 返回-1
var e = xw.indexOf("a");  // 返回-1

字符串的替换 replace()方法

语法:replace(“要替换的字符”,“用什么字符替换”);
第一个参数接受正则

示例:

var xw = "www.wangshuaiming.xyz"; //小王的个人网站,欢迎查看留言

//全局匹配,忽略大小写
var e = zxw2.replace(/WWW/gi,"aaa"); 
//返回 aaa.wangshuaiming.xyz

字符串大小写转换

大写转小写:toLowerCase()
小写转大写:toUpperCase()

示例

var xw1 = "www.wangshuaiming.xyz";
var xw2 = "WWW.WANGSHUAIMING.XYZ";

xw1.toUpperCase()  //返回 WWW.WANGSHUAIMING.XYZ
xw2.toUpperCase()  //返回 www.wangshuaiming.xyz

将字符串首字母大写

var xw = "www.wangshuaiming.xyz";

//思路:找到第一个字符,将第一个字符转为大写并替换
xw.replace(xw.charAt(0),xw.charAt(0).toUpperCase())

截取指定下标的字符串 substring()方法

此方法不接受负值

var xw = "www.wangshuaiming.xyz"

//当只有一个参数时,从下标为4的位置直接截取到尾部 包含下标为4的
var a =xw.substring(4) //返回 wangshuaiming.xyz

//当有两个参数时 从下标为4的位置直接到17,但是包含4却不包含17
//如substring(4,17)其实返回的是下标为4到下标为16的 包头部不包尾部
var b =xw.substring(4,17) //返回 wangshuaiming

截取指定个数的字符串 sbustr()方法

语法:sbustr(‘从哪个下标开始’,‘截取几个’)
可以接受负值

var xw = "www.wangshuaiming.xyz"

//当只有一个参数时,从下标为4的位置直接截取到尾部 包含下标为4的
var a =xw.substr(4) //返回 wangshuaiming.xyz

//当有两个参数时 从下标为4的位置向后截取14个
var b =xw.substr(4,14) //返回 wangshuaiming

//开始下标可以接受负值(-1 指字符串中最后一个字符,-2 指倒数第二个字符)
var c =xw.sbustr(-4,4)  //返回 .xyz
//表示从倒数第四个开始向后截取4个字符

字符串分割 split()方法

split()截取指定个数的字符串和sbustr()是一样的
我们主要介绍他的第二种用法

var xw ='前-端-爱-好-者-小-王'

//我们将字符串当作参数传入时
var a =xw.split('-')
consle.log(a)
//发现此时返回的是一个数组

示例图片
下次盘点数组的常用方法。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值