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()：将字符串分割成数组

<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
</script>

3.字符串的查找

indexOf()：返回某个指定字符串在当前字符串中首次出现的位置（下标） 找不到则返回 -1
lastIndexOf()：与indexOf()一样，不过从后往前搜索
startsWith()：查找当前字符串是否以指定字符串开头
includes()：查找当前字符串是否含有指定的字符串

<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()：将某个字符串替换成另一个字符串
语法：str.replace(查找的字符,替换的字符)

<script>
    var welcome = "欢迎来到广州"
    var newWelcome = welcome.replace("广州","深圳")
    console.log(welcome) // "欢迎来到广州"
    console.log(newWelcome) // "欢迎来到深圳"
</script>