JavaScript字符串操作与包装类详解-优快云博客

字符串创建

//字面量
//var str = ‘hello’

    //构造函数
    // var str = new String('hello')
    // console.log(str)
    // console.log(typeof str)

    /*
        问题：字符串划分到基本数据类型里面的，字符串为什么又是一个对象类型呢？
        + 基本数据类型使用不了属性和方法
        + 只有引用数据类型或者只有对象才有属性和方法可以使用

        包装类：
        + 由于在js里面string属于基本数据类型范畴，无法使用引用数据类型的方法和属性的，但是在实际开发过程有使用属性和方法的需求
        + 为了解决这种需求就出现了一种包装类型，在不使用属性和方法的时候它的类型是基本数据类型，要使用的时候就把它先转成引用数据
        类型，当使用完成后又把它转成基本数据类型
        + 把这种类型称之为包装类
        + 包装类型有三种
          => String()
          => Number()
          => Boolean()
    */
    // var str = 'hello'
    // console.log(typeof str)

    /*
        var str = new String('hello')
    */
    //使用数组方法
    // console.log(str[0])
    // console.log(str.length)

    // var num = new Number(66)
    // console.log(num)
    // console.log(typeof num)

    // var str = String('hello')
    // console.log(str)
    // console.log(typeof str)

字符串方法

// toLowerCase():将字符串中的字母转成全小写。
// var str = ‘HELLO’
// var res = str.toLowerCase()
// console.log(res)

    // toUpperCase():将字符串中的字母转成全大写。
    // var str = 'hello'
    // var res = str.toUpperCase()
    // console.log(res)

    // charAt(index):返回指定下标位置的一个字符。如果没有找到，则返回空字符串；参数是下标
    //var str = 'hello'
    // 兼容问题：[]中括号方法在低版本的IE浏览器下是不支持的，为了支持它所以出现了charAt()方法
    //console.log(str[0])
    //console.log(str.charAt(0))

    //indexOf:返回一个字符串在原始字符串中的索引值(查找顺序从左往右查找)。如果没有找到，则返回-1；
    //既可以给数组使用也可以给字符串使用，也可以指定位置，默认查找第一次出现的位置
    // var str = 'how are you h'
    // var res = str.indexOf('o', 2)
    // console.log(res)

    //例子：判断用户输入的邮箱地址是否有@符号
    // var email = prompt('请输入邮箱地址？')
    // if(email.indexOf('@')!=-1){
    //     alert('邮箱地址正确')
    // }else{
    //     alert('错误')
    // }

    //lastIndexOf:在原始字符串中，从右往左查找。如果没有找到，则返回-1；
    // var str = 'how are youh'
    // var res = str.lastIndexOf(' ')
    // console.log(res)

    //substring()：在原字符串，返回一个字符串；不取结束位置，不能给负值会转成0 
    //         0123
    // var str = 'abcdfg'
    // var res = str.substring(2, -3)
    // console.log(res)

    //slice():提取字符串的片断，并在新的字符串中返回被提取的部分；不包括结束位置。给负值时，可以返回倒数第几个
    //数组方法
    // var str = 'abcdfg'
    // var res = str.slice(0, -2)
    // console.log(res)

    //substr()从起始索引号提取字符串中指定数目的字符。参数1表示起始位置、值2表示截取的项数
    // var str = 'abcdfg'
    // var res = str.substr(2, 3)
    // console.log(res)

    //trim()：移除字符串首尾空白  trimLeft()  trimRight()
    // var str = ' hello '
    // console.log('博'+str+'哥')
    //var res = str.trim()
    // var res = str.trimLeft()
    // console.log('博'+res+'哥')

    // var username = document.getElementById('username')
    // username.onblur = function(){
    //     console.log(username.value.trim()+'123')
    // }

    //concat()：连接两个或多个字符串，返回连接后的字符串
    //数组方法
    var str = '博哥'
    var str2 = '很帅'
    var res = str.concat(str2)
    console.log(res)
</script>