美文网首页工作生活
JS内置String对象

JS内置String对象

作者: 小唱同学 | 来源:发表于2019-07-04 00:12 被阅读0次

    字符串对象的方法 

    基本都不会改变原数组

    查找方法

    1、charAt()

    语法:stringObject.charAt(index)

    功能:返回stringObject中index位置的字符。(给出索引,搜索该索引处的字符)

    例:

    var str="hello world";

    console.log(str[1]); // e; 索引为1的字符,IE7及更早的浏览器不支持。

    console.log(str.charAt(0)); // h ;索引为0的字符。

    如果 console.log(str.charAt(15)); //超出了范围,取不到的返回值是空字符串(空白)

    2、charCodeAt ()

    语法:stringObject.charCodeAt(index)

    功能:返回stringObject中index位置字符的字符编码。

    例:

    console.log(str.charCodeAt(4)); // 111 返回的不是值的本身,而是字符的字符编码。

    charAt()与charCodeAt()说明:

    EMCAScript5中可使用“方括号加字符索引”来访问字符串中特定的字符,但是IE7及更早的浏览器会返回undefined。

    3、indexOf()

    语法:stringObject.indexOf("X")

    功能:从一个字符串中搜索给定的子字符串,返回子字符串的位置。(给出字符,搜索该字符所在的索引位置)【从左向右搜索】

    返回值:数值。

    说明:如果没有找到该子字符串,则返回-1。(因索引是从0开始的,找不到不可能返回0,所以返回-1)

    例:

    var email="marry@163.com";

    console.log(email.indexOf("@")); // 5 检测@在email中的位置

    4、lastIndexOf()

    语法:stringObject.lastIndexOf("x")

    功能:从一个字符串中搜索给定的字符串,返回子字符串的位置。【从右向左搜索】

    返回值:数值。

    说明:如果没有找到该子字符串,则返回-1。

    截取方法

    字符串对象的截取方法:

    1、slice(start,end),

    end本身不在范围之内,end可省略就表示截取到字符串结束

    var str="hello world";//截取orl

    console.log(str.slice(7,10));

    当参数为负数时,会将传入的负值与字符串的长度相加

    console.log(str.slice(-3));//字符串的长度为11,相加=8,相当于str.slice(8);

    2、substring(start,end),

    语法和功能与slice()一样

    区别:当参数为负数时,自动将参数转换为0

    console.log(str.substring(-7,5));//等价于str.substring(0,5)

    console.log(str.substring(2,-5));//等价于str.substring(0,2)

    substring()会把较小的数自动作为开始位置,较大的数作为结束位置

    3、substr(start,len)

    len,可选,表示要截取的字符总数,省略时截取至字符串的末尾。

    start为负数时,负值与字符串长度相加

    len为负数时,返回空字符串

    console.log(str.substr(6,3));//wor

    console.log(str.substr(-5,4));//等价于(6,4)

    console.log(str.substr(3,-4));//返回空

    分割 替换

    1、split(separator):

    把一个字符串分割成字符串数组,

    返回值:array 数组

    separator:分隔符,必需写

    var str="welcome-to-beijing";

    var arr=str.split("-");//["welcome","to","beijing"]

    2、replace(regexp/substr,replacement)

    在字符串中用一些字符替换另一些字符,或者替换一个与正则表达式匹配的子串

    返回值:string

    regexp:必需,规定子字符串或要替换的模式的RegExp对象

    replacement:必需,一个字符串值

    var vel='010-62971268,400-100-9098,010-86789889';

    var newTel=tel.replace(','," ");//把逗号替换空格


    字符串的转换大小写方法

    1、toUpperCase ( )

    语法:stringObject.toUpperCase()

    功能:把字符串转换为大写 【不改变原字符串,生成新的字符串副本】

    例:

    var str="hello world";

    var upper=str.charAt(6).toUpperCase(); //索引为6的转换为大写

    console.log(str.toUpperCase()); //HELLO WORLD

    console.log(upper); // W

    -----------------------------------------

    2、toLowerCase ( )

    语法:stringObject.toLowerCase()

    功能:把字符串转换为小写

    例:

    var str2="WELCOME";

    console.log(str2.toLowerCase()); //welcome

    3、将字符串 border-left-color 转换为 borderLeftColor

    实例:

    // border-left-color 变成 borderLeftColor 驼峰形式

    function camelback(str){

    //通过-这个分隔符将str拆分成数组

    var arr=str.split("-"),newStr=arr[0];//['border','left','color']

    for(var i=1;len<arr.length;i<len;i++){

    var word=arr[i];//变量word就是数组中的每一项

    //将每一个单词的首字母转换为大写,连接剩余字符

    newStr+=word.charAt(0).toUpperCase()+word.substr(1);

    }

    return newStr;

    }

    var camelFormat=comelback("border-left-color");

    console.log(camelFormat); //borderLeftColor

    相关文章

      网友评论

        本文标题:JS内置String对象

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