JavaScript 字符串对象

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"?