JS字符串

2019-02-28  本文已影响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
上一篇下一篇

猜你喜欢

热点阅读