JavaScript基础_回归初心_字符串操作

字符串转换(几种方式)

    //判断是否是字符串
    function isStr(str) {
        return (typeof str == 'string') && str.constructor == String;
    }

    function isNumber(obj) {
        return (typeof obj == 'number') && obj.constructor == Number;
    }

    var num = 19;
    console.log("isNumber---"+isNumber(num));
    console.log("isStr---"+isStr(num));

    var Str1 = num.toString();
    var Str2 = String(num);
    var Str3 = "" + num;
    console.log("isNumber-Str1--"+isNumber(Str1));
    console.log("isStr-Str1--"+isStr(Str1));
    
    输出结果:
    
    isNumber---true
    isStr---false
    isNumber-Str1--false
    isStr-Str1--true
    

输出的结果(我们还可以学到怎么判断是否是某个数据类型的-typeof)

字符串分割

    //分割字符串
    var data = "joe,anjia,nn,mm,nm";
    var newData1 = data.split(",");
    var newData2 = data.split(".");
    console.log(newData1)
    console.log(newData2)
    
    输出结果:
    
    ["joe", "anjia", "nn", "mm", "nm"]
    ["joe,anjia,nn,mm,nm"]

从上面的输出内容我们可以看出==split== 无论是否有这个分割的字符，都返回了数组，如果有的话就返回对应的分割数组，如果没有就返回长度等于1的字符串数组

获取字符串长度(没啥好讲的)

//获取字符串长度
var data = "joe"
console.log("长度--"+data.length)

输出结果

长度--3

在一个字符串中查询某个字符串

1. indexOf() 来定位字符串中某一个指定的字符首次出现的位置。

    //获取字符串长度
    var data = "joe 你好";
    console.log("查看结果"+data.indexOf("e"))
    console.log("查看结果"+data.indexOf("2"))
    
    输出结果
    
    查看结果2
    查看结果-1

结论：从0开始找，找到之后返回对应的坐标，找不到就返回 -1

2. lastIndexOf

    var data = "joe你好enen";
    console.log("查看结果"+data.lastIndexOf("e"))
    console.log("查看结果"+data.lastIndexOf("2"))
    
    输出结果
    
    查看结果7
    查看结果-1

结论：从字符串的末尾开始查找，找到返回对应坐标，找不到返回-1

3. match() 方法

    var data = "joe你好enen";
    console.log("查看结果"+data.match("你好"))
    console.log("查看结果"+data.match("joe"))
    console.log("查看结果"+data.match("哈哈哈"))
    
    输出结果
    
    查看结果你好
    查看结果joe
    查看结果null

结论：match()来查找字符串中特定的字符，并且如果找到的话，则返回这个字符。没有就返回null

字符串替换

1. replace

    var data = "joe你好enen你好-你好";
    console.log("查看结果-"+data.replace("你好","哈哈"))
    console.log("查看结果-"+data)
    
    输出结果:
    
    查看结果-joe哈哈enen你好-你好
    查看结果-joe你好enen你好-你好

    

结论：只是替换一次，就是初次出现的位置，并且是新的字符串，并没有改变原来的字符串。

2. 全局替换

然而js并没有提供replaceAll这样的方法，我们可以自行去实现，下面列举三种方法。


（1） 使用正则表

    var data = "joe你好enen你好-你好";
    // console.log("查看结果-"+data.replace("你好","哈哈"))
    // console.log("查看结果-"+data)
    console.log("查看结果-"+data.replace(/你好/g,"哈哈"))
    
    输出结果:
    
    查看结果-joe哈哈enen哈哈-哈哈
    

说明：g 的意义是：执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。

（2）正则另一种写法

    var data = "joe你好enen你好-你好";
    console.log("查看结果-"+data.replace(new RegExp("你好","gm"),"哈哈"))
    
    输出结果:
    
    查看结果-joe哈哈enen哈哈-哈哈

g 表示执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。m 表示执行多行匹配。

（3）添加 Stirng对象的原型方法

    var data = "joe你好enen你好-你好";
    
    String.prototype.replaceAll = function (oldStr,newStr) {
        return this.replace(new RegExp(oldStr,"gm"),newStr);
    }
    console.log("查看结果-"+data.replaceAll("你好","哈哈"))
    
    输出结果:
    
    查看结果-joe哈哈enen哈哈-哈哈

字符串链接

    var data = "你好";
    data = data+"小军";
    console.log("查看结果-"+data);
    console.log("查看结果-"+data.concat("第一个","第二个","第三个"));
    
    输出结果:
    
    查看结果-你好小军
    查看结果-你好小军第一个第二个第三个

+和 concat 拼接看代码没啥好说的

字符串提取和切割一部分并返回

    var data = "0123456789";
    console.log("查看结果-"+data.slice(1,3));
    console.log("查看结果-"+data.substring(1,3));
    console.log("查看结果-"+data.substr(1,3));

    输出结果:
    
    查看结果-12
    查看结果-12
    查看结果-123

结论：substr 第二个参数是表示长度，

字符串大小转换

    var data = "ADDDaa";
    console.log("查看结果-"+data.toLocaleLowerCase());
    console.log("查看结果-"+data.toLocaleUpperCase());
    输出结果:
    
    查看结果-adddaa
    查看结果-ADDDAA