字符串基本用法

// 字符串对象
        // console.log(String)

        // 1 创建字符串字面量创建 
        // ""  不能嵌入双引号，可以嵌入单引号  可以\n进行换行
        // '' 不能嵌入单引号，可以嵌入双引号   可以\n进行换行
        // `` es6字符串模板 可以支持换行
        // 需要使用\进行转义 支持单引号使用单引号
        var s1 = 'how\'re you ? \n张三'
        console.log(s1)

        // 2 创建字符串对象方式2 
        var s2 = new String('7.10事件')
        console.log(s2)

        // 字符串基本数据类型
        var s3 = String('斯里兰卡国家，总统府打卡')
        console.log(s3)

        //  3 字符串拼接concat() 拼接
        var str1 = "hello"
        var str2 = "world"
        var str3 = "!"
        console.log(str1+str2+str3)
        console.log(`${str1}${str2}${str3}`)
        console.log(str1.concat(str2,str3))

        console.log(str1.length) //字符串长度
        console.log(str1[0]) //通过索引值取
        
        // for循环遍历
        for(var i = 0;i<str1.length;i++){
            var char = str1[i]
            console.log(char)
        }
        // es6专门提供一个遍历数组的方式 for...of...
        for (const iterator of str1) {
            console.log(iterator)
        }
       
        // 4字符串转成数字的方式
        var str4 = "10px"   // 10*1
        console.log(str4*1) //NAN
        //parseFloat前提以数字开头的字符串，可以转成数字
        console.log(parseFloat(str4)) //10 
        
        var a = 10.535
        console.log(a.toFixed(2)) // 数字对象toFixed(2) 保留小数

        // 5练习
        //  如何获取div的标签内容
        // innerText 只是获取文本内容
        // innerHTML 获取div标签内容
        // textContent 文本内容
         console.log(d1.textContent)
        
        //.trim() 去掉头部和尾部的空格符号 123  
         var str5 = d1.textContent.trim()

        //  封装函数 根据传入字符，从指定字符串选取出来，加以显示高亮
        // c 代表是高亮的字符
        // all 代表整个字符