—— 此篇开始 ——
由于字符串并不像数组那么好操作,所以出现了一系列方法,字符串的统一语法:字符串.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);
结果: