1.基本用法和属性
| 属性 |
说明 |
调用者 |
| length |
返回字符串的长度 |
当前字符串 |
| constructor |
返回字符串的构造函数 String() |
当前字符串 |
<script>
// 创建字符串
var str = "hello world"
// 根据下标访问某个字符
console.log(str[1]) // e
// length属性 返回字符串的长度
var length = str.length
console.log(length) // 11
// constructor属性 返回字符串的构造函数
console.log(str.constructor) // String() { [native code] }
</script>
2.字符串转换
| 方法 |
说明 |
参数 |
调用者 |
| toUpperCase() |
将字符串的所有字母转化为大写并返回 |
无 |
当前字符串 |
| toLowerCase() |
将字符串的所有字母转化为小写并返回 |
无 |
当前字符串 |
| split() |
根据分割标识将字符串分割成数组并返回 |
分割的标识 |
当前字符串 |
| charCodeAt() |
将下标对应的字符转换成ASCII码输出 |
下标，默认0 |
当前字符串 |
| fromCharCode() |
根据ASCII码输出对应的字符 |
ASCII码 |
String类 |
<script>
// 创建字符串
var str = "Hello World"
// 转换为大写
var newStr = str.toUpperCase()
console.log(newStr) // HELLO WORLD
// 转换为小写
var newStr2 = str.toLowerCase()
console.log(newStr2) // hello world
// 将字符串分割成数组
var arr = str.split(" ")
console.log(arr) // ["Hello", "World"]
// 将数组重新拼接成字符串
var str = arr.join(" ")
console.log(str) // Hello World
//字符串与ASCII码转换
console.log("a".charCodeAt()) //97
console.log(String.fromCharCode(97)) //a
</script>
3.字符串的查找
| 方法 |
说明 |
参数 |
调用者 |
| indexOf() |
返回指定字符串在当前字符串中首次出现的位置（下标） 找不到则返回 -1 |
要查找的字符串 |
当前字符串 |
| lastIndexOf() |
与indexOf()一样，不过从后往前搜索 |
要查找的字符串 |
当前字符串 |
| startsWith() |
查找当前字符串是否以指定字符串开头，返回true/false |
要查找的字符串 |
当前字符串 |
| includes() |
查找当前字符串是否含有指定的字符串，返回true/false |
要查找的字符串 |
当前字符串 |
<script>
// 创建字符串
var str = "Hello World"
// 返回某个指定字符串在当前字符串中首次出现的位置（下标）
var index = str.indexOf('o')
console.log(index) // 4
console.log(str.indexOf('a')) // -1 找不到则返回 -1
// 与indexOf()一样，不过从后往前搜索
var index2 = str.lastIndexOf('o')
console.log(index2) // 7
// 查找当前字符串是否以指定字符串开头（indexOf()也可以）
var flag = str.startsWith("Hello")
console.log(flag) // true
// 查找当前字符串是否含有指定的字符串
var flag2 = str.includes('H')
console.log(flag2) // true
var flag3 = str.includes('Z')
console.log(flag3) // false
</script>
4.字符串截取
| 方法 |
说明 |
参数 |
调用者 |
| slice() |
截取两个下标之间的字符串并返回 |
起始下标,结束下标，参数可为负数 |
当前字符串 |
| substring() |
与slice()差不多，但是它的参数不能为负数 |
起始下标,结束下标 |
当前字符串 |
| trim() |
清除字符串两边的空白 |
无 |
当前字符串 |
<script>
// 创建字符串
var str = "Hello World"
var str1 = str.slice(0,4) // 'Hell'
// 后面的参数不传则将往后的字符串全部截取
var str2 = str.slice(1) // 'ello World'
// 后面的参数可以为负数
var str3 = str.slice(0,-2) // 'Hello Wor'
var str4 = str.substring(0,4) // 'Hell'
// 后面的参数不传则将往后的字符串全部截取
var str5 = str.substring(1) // 'ello World'
// 清除字符串两边的空白
var msg = " Acfun "
var msg2 = msg.trim()
console.log(msg2) // "Acfun"
</script>
5.字符串替换
| 方法 |
说明 |
参数 |
调用者 |
| replace() |
将某个字符串替换成另一个字符串 |
查找的字符,替换的字符，支持正则表达式 |
当前字符串 |
<script>
var welcome = "欢迎来到广州"
var newWelcome = welcome.replace("广州","深圳")
console.log(welcome) // "欢迎来到广州"
console.log(newWelcome) // "欢迎来到深圳"
</script>
6.输出单双引号
'Did she say \'Hello\'?'
//Did she say 'Hello'?
"Did she say \"Hello\"?"
// Did she say "Hello"?
