JavaScript字符串操作详解-优快云博客

        var str1 = 'hello ';
        var str2 = 'world!';
        var str3 = str1 + str2;

        //1.concat方法
        var stri3 = str1.concat(str2);
        console.log("字符串连接: ", stri3);
        console.log('---------------');
        //2.字符串的长度  .length
        console.log("字符串的长度：", str1.length);
        console.log('---------------');
        //3.1 字符的索引值(字符-> index)    indexOf(),lastIndexOf()
        console.log("str1: ", str1);
        console.log("获取str1中'o'的索引值（头->尾）：", str1.indexOf("h"));
        console.log("获取str1中'o'的索引值（尾->头）：", str1.lastIndexOf("h"));                 //str1.indexOf("h") 与 str1.lastIndexOf("h")等价？？？!
        console.log("获取第6位后的'o'的索引值（头->尾）：", str3.indexOf("o", 6));
        console.log("获取第6位后的'0'的索引值（尾->头）：", str3.lastIndexOf('o', 6));
        console.log('---------------');
        // 3.2 由索引找字符(index -> 字符）  charAt()
        console.log("str3: ", str3);
        console.log("获得[1]位的字符：",str3.charAt(1));
        console.log("获得[1]位的字符：",str3[1]);
        console.log("获得[1]位的字符编码：",str3.charCodeAt(1));

        console.log('---------------');
        //4.字符串比较       localeCompare()
        var str = "yellow";
        console.log(str.localeCompare("brick"));//1
        console.log(str.localeCompare("yellow"));//0
        console.log(str.localeCompare("zoo"));//-1
        console.log('---------------');
        //5. 字符串的截取     slice(),substring(),substr()
        var str = "hello world";
        //5.1截取起始位置到结尾
        console.log(str.slice(3));//lo world
        console.log(str.substring(3));//lo world
        console.log(str.substr(3));//lo world
        //5.2 截取中间的字符串
        console.log(str.slice(3, 7));//lo w  7表示子字符串最后一个字符后面的位置  简单理解就是包含头不包含尾
        console.log(str.substring(3, 7));//lo w 从start处到end-1处的所有字符
        console.log(str.substr(3, 7));//lo worl 7表示返回7个字符
        //5.3 当截取到负值时
        console.log(str.slice(3, -4));//lo w  -4+11=7表示子字符串最后一个字符后面的位置  简单理解就是包含头不包含尾
        console.log(str.substring(3, -4));//hel  会转换为console.log(str.substring(3,0));
        //此外由于这个方法(substring())会将较小数作为开始位置，较大数作为结束位置，所以相当于调用console.log(str.substring(0,3));
        console.log(str.substr(3, -4));//""空字符串
        console.log('---------------');
        // 6.字符串大小写转换   toUpperCase(),toLowerCase()
        console.log("str全部转换成大写：",str.toUpperCase());
        console.log("str全部转换成小写：",str.toLowerCase());
        console.log('---------------');
        // 7.去除多余的空格(字符串的开始和尾部的空格)  trim()
        str="   hello world   ";
        console.log('('+str.trim()+')');//(hello world)
        console.log('('+str+')');//(   hello world   )
        console.log('---------------');
        // 8.字符串的替换：一个|全部       replace()
        str="cat,bat,sat,fat";
        var res=str.replace("at","one");//第一个参数是字符串，所以只会替换第一个子字符串
        console.log("替换第一个at：",res);//cone,bat,sat,fat

        var res1=str.replace(/at/g,"one");//第一个参数是正则表达式，所以会替换所有的子字符串
        console.log("替换全部at：",res1);//cone,bone,sone,fone
        // 9.字符串分割成数组       split()
        str="red,blue,green,yellow";
        console.log(str.split(","));//["red", "blue", "green", "yellow"]
        console.log(str.split(",",2));//["red", "blue"]  第二个参数用来限制数组大小
        console.log(str.split(/[^\,]+/));// ["", ",", ",", ",", ""]
        //第一项和最后一项为空字符串是因为正则表达式指定的分隔符出现在了子字符串的开头，即"red"和"yellow"
        //[^...] 不在方括号内的任意字符  只要不是逗号都是分隔符
js的字符串可参考：
https://www.jb51.net/article/98623.htm
https://www.cnblogs.com/guoyeqiang/p/8178336.html
https://www.jb51.net/article/97915.htm