美文网首页
JS字符串

JS字符串

作者: 三人行大道 | 来源:发表于2019-02-28 11:17 被阅读0次

    charCodeAt()
    语法:
    stringObject.charCodeAt(index)
    功能:
    返回stringObject中index位置字符的字符编码
    比如A的编码是65
    在ECMAScipt5中可以使用
    方框好加字符索引,来访问字符串中特定的字符

    charAt()
    语法:
    StringObject.charAt(index)
    功能:
    返回stringObject中index位置的字符

    var strs = "ABCDEFGHIJKLMNOPQRST";
    console.log(strs.charAt(0));//A
    console.log(strs.charAt(1))//B
    console.log(strs.charCodeAt(0))//65
    console.log(strs.charCodeAt(1))//66
    
    

    indexOf
    stringObject.indexOf("o")
    功能:
    从一个字符串中搜索给定的子字符串,返回子字符串的位置
    返回值:数值
    说明:如果没有找到该子字符串,则返回-1
    lastIndexOf()方法虽然是从后往前搜索,但返回的位置是从前开始数数和计算的

    var email = "marry@163.com";
    //检测@在email中出现的位置
    console.log(email.indexOf("@")) //5
    还可以检测一个字符串在email中出现的位置
    console.log(email.indexOf("rr"))//2
    var em = "marryoo@sohu.com"
    console.log("o")//5 ,如果是多个的话只会返回第一个
    
    

    语法:
    string.lastIndexOf("o")(从右往左搜索)
    功能:
    从一个字符串中搜索给定的子字符串,返回子字符串的位置
    返回值:数值
    说明:如果没有找到该子字符串,则返回-1

    var em = "marry.oo@sohu.com"
    console.log(em.lastIndexOf("o"))//找到最后一次出现的位置 //15
    

    String对象的截取方法

    slice
    语法StringObject.slice(start,end)
    功能:
    截取子字符串
    参数说明:
    1.start 必需,指定子字符串的开始位置
    2.end 可选,表示截取到哪里结束,end本身不在截取范围之内,
    省略时,截取到字符串末尾
    注意点:

    1.最后一个参数省略时,截取到末尾

    1. 参数为负数时,其值为字符串长度+该负数
      3.不包含参数本身

    substring()语法以及工能和slice()一样
    区别是:
    当参数为负数时,自动将参数转换为0

    var strs = "ABCDEFGHIJKLMNOPQRST";
    console.log(str.substring(-7,5)); //相当于0到5
    console.log(str.substring(2,-5));
    //相当于0到2,JS会自动把小的转换为起始位置,大的转换为结束位置
    

    substr()
    stringObject.substr(start,len)
    功能:
    截取子字符串
    参数说明:
    1.start,必需,指定子字符串的开始位置
    2.len可选,表示截取的字符总数,省略时截取值字符串末尾
    3.当start为负数时,会将传入的负值与字符串的长度相加
    4.当len为负数时,返回空字符串。

    var strs = "ABCDEFGHIJKLMNOPQRST ";
    console.log(strs.substr(-2,3));
    这里的起始位置为-2,其实是strs.length+(-2) ==>得到起始位置的数值,然后才开始截取的
    
    

    编写JS函数,用于获得输入参数后缀,如输入abc.txt, 返回.txt .jpg

    var url = "http://baidu.com/index.txt";
            function getFileFormat(url){
                //获取.在url中出现的位置
                var pos = url.lastIndexOf(".");
                return url.substr(pos);
                // console.log(pos);
                // console.log(url.substr(pos));
            }
            var formatName = getFileFormat(url);
            var formatImage = getFileFormat("12345.jpg");
            console.log(formatName); //.txt
            console.log(formatImage) //.jpg
    
    

    split(),
    语法:
    stringObject.split(separator)
    功能:
    把一个字符串分割成字符串数组
    返回值:Array
    说明:separator:必须,分隔符

     var st = "welcome-to-beijing";
    var s = "2019/2/27"
    // 使用split将st转换成数值
    var arr = st.split("-");
    var ss = s.split("/");
    console.log(arr);
    console.log(ss);
    

    replace() 替换 重点是replace它不会去修改我们的原来的字符串

    会重新生成一个

    StringObject.replace(regex/substr, replacement)
    功能:
    在字符串中用一些字符串替换另一些字符,或替换一个与正则表达式匹配的子串
    返回值:String
    参数:
    regexp:必须,规定子字符串或要替换的模式的TegExp对象
    replacement:必需:一个字符串值

     var tel = "010-6219287, 400-300-3213, 010-234245342"
            // newTel 当中是被替换之后的字符串,可以这样理解是,
            // newTel 是copy了一份tel之后的字符串,然后在修改newTel
            var newTel = tel.replace(",", " ")
            console.log(newTel) 
    //010-6219287  400-300-3213, 010-234245342
    // 会替换第一个逗号
    
    

    1.toUpperCase()
    语法:stringObject.toUpperCase()
    功能:把字符串转换成大写
    2.toLowerCase()
    语法:stringObject.toLowerCase()
    功能:把字符串住转换为小写

    3.将字符串border-left-color转换成borderLeftColor

      var strr = "abcdefghijklmn";
            var u = strr.charAt(6).toUpperCase();
            console.log(strr.toUpperCase());
            console.log(u);
    var S = "WHAT"
    console.log(S.toLowerCase());//what
    
    

    案例综合应用

    image.png

    相关文章

      网友评论

          本文标题:JS字符串

          本文链接:https://www.haomeiwen.com/subject/ihxzyqtx.html