字符串常用方法

—— 此篇开始 ——


由于字符串并不像数组那么好操作,所以出现了一系列方法,字符串的统一语法:字符串.xxx()。注意:所有字符串常用方法,都不改变原始字符串,都是以返回值的形式出现结果 


1. charAt() 

语法:字符串.charAt(索引) 

作用:找到索引位置的字符,和字符串[i]的作用一样

返回值:该索引位置的对应字符,如果有该索引位置,那么就是该索引位置的字符,如果没有该索引位置,那么就是空字符串

实例:

var str = "hello world"
console.log ("原始字符串:",str);

var res = str.charAt(1)
console.log ("查找之后:",str); //不改变原始字符串
console.log ("返回值:",res);

 结果:


2. charCodeAt() 

语法: 字符串.charCodeAt(索引) 

作用:找到索引位置的字符的十进制编码

返回值:该索引位置的对应字符的编码

实例:

var str = "hello world"
console.log ("原始字符串:",str);

var res = str.charCodeAt(1)
console.log ("查找编码之后:",str);
console.log ("返回值:",res);

结果:

 


 3. toUpperCase()

语法:字符串.toUpperCase()

作用:将字符串中的字母全部由小写转换成大写

返回值:转换好的字符串

实例:

 var str = "HeLlo wOrld"
console.log ("原始字符串:",str);

var res = str.toUpperCase()
console.log ("转换之后:",str);
console.log ("返回值:",res);

结果:

 


 4. toLowerCase()

语法:字符串.toLowerCase()

作用:将字符串中的字母全部由大写转换成小写

返回值:转换好的字符串

实例:

var str = "HeLlo wOrld"
console.log ("原始字符串:",str);

var res = str.toLowerCase()
console.log ("转换之后:",str);
console.log ("返回值:",res);

 结果:

5. substr() 

语法:字符串.substr(开始索引,多少个)

作用:截取字符串,substr全是小写

返回值:截取出来的字符串

实例:

var str = "hello world"
console.log ("原始字符串:",str);

var res = str.substr(2,2)
console.log ("截取之后:",str);
console.log ("返回值:",res);

结果:

 


 6. substring()

语法:字符串.substring(开始索引,结束索引)

作用:截取字符串,substring全是小写

返回值:截取出来的字符串

实例:

var str = "hello world"
console.log ("原始字符串:",str);

var res = str.substring(2,7)
console.log ("截取之后:",str);
console.log ("返回值:",res);

结果:

 


7. slice() 

语法:字符串.slice(开始索引,结束索引)

作用:截取字符串,可以写负整数

返回值:截取出来的字符串

实例:

var str  = "hello world"
console.log ("原始字符串:",str);

var res = str.slice(2,7)
console.log ("截取之后:",str);
console.log ("返回值:",res);

 结果:


 8. replace()

语法:字符串.replace(换下字符,换上字符)

作用:使用换上字符将换下字符替换掉,只能替换掉出现的第一个换下字符,且只能换一个

返回值:替换后的字符串

实例:

var str = "hello world"
console.log ("原始字符串:",str);

var res = str.replace("l","L")
console.log ("替换过后:",str);
console.log ("返回值:",res);

结果:

 


 9. split()

语法:字符串.split('切割符号')

作用:按照切割符号,把字符串切割开,放在一个数组里面,可以不写切割符号,那就会把完整字符串当作一个整体,如果传递空字符串(''),那么就会一位一位的切割

返回值:一个数组,数组里的内容是按照切割符号切割开的每一个部分

实例:

var str = "hello world"
console.log ("原始字符串:",str);

var res = str.split("l")
console.log ("切割过后:",str);
console.log ("返回值:",res);

 结果:


10. concat() 

语法:字符串.concat(字符串)

作用:字符串拼接

返回值:拼接好的字符串 

实例:

var str = "hello world"
console.log ("原始字符串:",str);

var res = str.concat("你好 世界")
console.log ("拼接之后:",str);
console.log ("返回值:",res);

 结果:


 11. indexOf()

语法:字符串.indexOf(字符,开始索引)

作用:检测该字符在字符串内的索引位置

返回值:如果有该字符内容,那么就是该字符的索引位置,如果没有该字符内容,就返回-1

实例:

var str = "hello world"
console.log ("原始字符串:",str);

var res = str.indexOf("l",1)
console.log ("检测之后:",str);
console.log ("返回值:",res);

 结果:


12. lastIndexOf() 

语法:字符串.lastIndexOf(字符,开始索引)

作用:作用和indexOf()一样,不同的是lastIndexOf是从后往前检测

返回值:如果有该字符内容,那么就是该字符的索引位置,如果没有该字符内容,就返回-1

实例:

var str = "hello world"
console.log ("原始字符串:",str);

var res = str.lastIndexOf("l",8)
console.log ("检测之后:",str);
console.log ("返回值:",res);

 结果:


13. trim() 

语法:字符串.trim()

作用:去除字符串首部和尾部的空白内容

返回值:去除空白内容以后的字符串

实例:

var str = "   hello world   "
console.log ("原始字符串:",str);
console.log ("原始长度:",str.length);

var res = str.trim()
console.log ("清除空白后:",str);
console.log ("返回值:",res);
console.log ("返回值长度:",res.length);

 结果:


 14. trimStart() / trimLeft()

语法:字符串.trimStart / 字符串.trimLeft

作用:去除字符串首部的空白内容

返回值:去除首部空白内容的字符串

实例:

var str = "   hello world   "
console.log ("原始字符串:",str);
console.log ("原始长度:",str.length);

var res = str.trimLeft() //也可以用str.trimStart()
console.log ("清除空白后:",str);
console.log ("返回值:",res);
console.log ("返回值长度:",res.length);

结果:

 


15. trimEnd() / trimRight() 

语法:字符串.trimEnd / 字符串.或者trimRight

作用:去除字符串末尾的空白内容

返回值:去除尾部空白内容的字符串

实例:

var str = "   hello world   "
console.log ("原始字符串:",str);
console.log ("原始长度:",str.length);

var res = str.trimEnd() //也可以用str.trimRight()
console.log ("清除空白后:",str);
console.log ("返回值:",res);
console.log ("返回值长度:",res.length);

结果:

 


—— 此篇完 —— 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Twistedzs

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值