js常用字符串的方法的整理（查、修改、拼接）

        let str = "欢迎光临"
        console.log(str.length) // 4
        console.log(str[0]); // 欢
        console.log(str[1]); // 迎
        console.log(str[2]); // 关
        console.log(str[3]); // 临
        console.log(str); // 欢迎光临

       let str = "中国伟大"
       console.log(str.indexOf("国")); // 1
       console.log(str.indexOf("洲")); // -1

        let str = "qwertyuiop"
        console.log(str.search('t')); // 4
        console.log(str[str.search('t')]); //t  通过索引可以访问到对应的值
        console.log(str.search("k")); // -1

        let str = "你好世界"
        console.log(str.includes("好")); // true
        console.log( !str.includes("好") ); // false
        console.log(str.includes("啊")); // false

        let str = "早上好，又是新的一天"
        console.log( str.charAt(2) ); // 好
        console.log( str[2] ); // 好

            let str = "helloWorld"
            console.log(str.slice(5,str.length)); //World  截取第五位到最后一位
            console.log(str.slice(5)); //World  如果只写一个索引参数，就默认从此索引开始截取，一直截取到最后一个
            onsole.log(str.slice(5,-2)); //Wor 若参数为负数，就从结尾处开始计算

            let str = "qwertyuiop"
            console.log( str.substring(3,str.length) );// rtyuiop
            console.log( str.substring(3) ); // rtyuiop  同样的和slice一样，如果只传入一个索引就会从当前索引一直截取到最后
            console.log( str.substring(5,-2) ); //qwert  官网上说substring不支持负数，貌似也支持，不过以后多用slice

             let str = "打工人加油鸭"
            console.log( str.substr(1,4) ); // 工人加油

function editHighLight(searchWorld, title) {
            // 思路：拆成三部分 左 关键字 右 （关键字高亮）
            let str1 = searchWorld;
            let str2 = title;
            let startWord = str1[0]; // 获取 搜索关键字第一个开头的字 "孙"
            let endWord = str1.charAt(str1.length - 1); // 获取 搜索关键字最后一个结束的字"空"
            //拿到了搜索关键字中的首字和尾字，在标题的title中进行切割   
            let startIndex = str2.indexOf(startWord); // "孙" 在描述中 首次出现的位置索引
            let endIndex = str2.indexOf(endWord); // "空" 在描述中 首次出现的位置索引
            // 通过索引进行切割,并且存一份切割好的内容
            let eidtObj = {
                sectionOne:str2.slice(0, startIndex),
                sectionTwo:str2.slice(startIndex, endIndex + 1),
                sectionThree:str2.slice(endIndex + 1, str2.length)
            }
            // 最后返回出去
            return eidtObj
        }
        console.log(editHighLight("孙悟空", "五百年前孙悟空大闹天宫"))//{sectionOne: "五百年前", sectionTwo: "孙悟空", sectionThree: "大闹天宫"}
        console.log(editHighLight("孙悟空", "孙悟空拥有七十二般变化"))//{sectionOne: "", sectionTwo: "孙悟空", sectionThree: "拥有七十二般变化"}
        console.log(editHighLight("孙悟空", "齐天大圣孙悟空"))//{sectionOne: "齐天大圣", sectionTwo: "孙悟空", sectionThree: ""}
        console.log(editHighLight("孙悟空", "孙悟空"))//{sectionOne: "", sectionTwo: "孙悟空", sectionThree: ""}
        // 最后在页面中放置三个span，分别放置eidtObj对象下的sectionOne、sectionTwo、sectionThree
        // 给sectionTwo单独加一个高亮颜色，就能实现类似百度的这种搜索高亮的效果了

let str = "早上好，这个世界"
console.log(str.replace("早上","下午")); // 下午好，这个世界
// replace方法区分英文大小写

//转大小写方法不是只转一个，而是全部转换
let str = "qwert"
console.log(str.toUpperCase()) //QWERT
let str1 = "ASDF"
console.log(str1.toLowerCase()); // asdf

let str = "你好"
console.log( str.concat(123) ) // 你好123
console.log( str.concat(true) ) // 你好true
console.log( str.concat("这个世界") ) // 你好这个世界

 let str = "美好的一天"
 console.log(str.split()); // ["美好的一天"]
 console.log(str.split(""));// ["美", "好", "的", "一", "天"]
 let str1 = "热，爱，和，平"
 console.log(str1.split("，"));// ["热", "爱", "和", "平"]

        let str = "computer"
        console.log( str.startsWith("c") ); // true
        console.log( str.startsWith("C") ); // false
        console.log( str.endsWith("r") ); // true
        console.log( str.endsWith("R") ); // false
        /* 注意事项：
            startsWith以什么什么开头，endsWith以什么什么结尾
            这两个方法是区分大小写的，可以通过toUpperCase、toLowerCase
            统一转换成大写或者小写以后，再使用startsWith或endsWith方法
        */