JS字符串的使用

    xiaoxiao2022-07-01  106

    字符串分割成字符串数组 split() 语法: stringObject.split(separator) 功能: 把一个字符串分割成字符串数组。 返回值: Array。 说明: separator:必需,分隔符。(如: “/” ,“-”) replace() 语法: stringObject.replace(regexp/subtrreplacement) 功能: 在字符串中用一些字符替换另一些字符 ,或替换一个与正则表达式匹配的子串。 返回值: String 参数: regexp :必须。规定子字符串或要替换的模式的RegExp对象。 Replacement:必须。一个字符串值。 concat() 字符串的合并

    var m1="ab"; m2="cd"; console.log(m1.concat(m2)); //abcd <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>split replace</title> </head> <body> <script> //字符串转化为数组 var str='welcome-to-bejing'; //使用split将str转换为数组 var arr=str.split("-"); //{"welcome","to","beijing"} console.log(arr); var date='2016/05/06'; var datearr=date.split("/"); // {"2016","05","06"} console.log(datearr); //替换:replace var tel='010-62378076,400-100-9098,010-832456789'; //被替换后的字符串,只替换第一个“,” var newTel=tel.replace(','," "); console.log(newTel ); //{"010-62378076 400-100-9098,010-832456789"} </script> </body> </html>

    获取字符串的位置: charAt() 语法: stringObject.charAt(index) 功能:(返回某位置的相应字符) 返回stringObject中index位置的字符 说明: ECMAScript5中可使用“方括号加字符索引”来访问字符串中特定的字符,但是IE7及更早的浏览器会返回undefined.

    charCodeAt() 语法: stringObject.charCodeAt(index) 功能: 返回stringObject中index位置字符的字符编码。

    查找方法字符串方法 indexOf() lastIndexOf() indexOf() 语法: stringObject.indexOf (“o”) 功能: 从一个字符串中搜索给定的子字符串,返回子字符串的位置。 返回值:数值 说明:如果没有找到该子字符串,则返回-1。 lastIndexOf() 语法: stringObject.lastIndexOf (“o”) 功能: 从一个字符串中搜索给定的子字符串,返回子字符串的位置 返回值:数值 说明:如果没有找到该子字符串,则返回-1

    fromCharCode 据ascii获取对应的索引值

    var su=98; console.log(String.fromCharCode(su));//根据ascii获取对应的索引值 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>charAt charcodeat index lastindex</title> </head> <body> <script> //charAt var str="hello word"; var pos=str.charAt(4); // o var pos2=str.charAt(1); // e //charCodeAt // var pos=str.charCodeAt(4) //111 console.log(pos); console.log(pos2); //indexOf 检查某个字符的位置 var email="lifan@qq.com"; //检查@在email中的位置 var sor=email.indexOf("@"); console.log(sor); //5 /*var sor=email.indexOf("r"); console.log(sor); //无"m"返回为-1 */ var email0="lifan.sohu.@qq.com"; console.log(email0.indexOf("qq")); //12 console.log(email0.indexOf(".")); //5 console.log(email0.lastIndexOf(".")); //14 从后往前检索 </script> </body> </html>

    字符串对象的截取方法:slice() substring() substr () slice() 语法: stringValue.slice(start,end) 功能: 截取子字符串。 参数说明: 1、start :必需,指定子字符串的开始位置。 2、end :可选,表示子字符串到哪里结束, end本身不在截取范围之内,省略时截取至字符串的末尾。 3.当参数为负数时,会将传入的负值与字符串的长度相加。 substring() 说明:语法及功能同slice()完全一样。 区别在于: 1、当参数为负数时,自动将参数转换为0。 2、substring()会将较小的数作为开始位置,将较大的 数作为结束位置。 substr() 语法: stringValue substr(start,len) 功能: 截取子字符串。 参数说明: 1、start :必需,指定子字符串的开始位置。 2、len: 可选,表示截取的字符总数,省略时截取至字符串的未尾。 3、当start为负数时 ,会将传入的负值与字符串的长度相加。 4.当len为负数时 返回空字符串。

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>string字符串的截取</title> </head> <body> <script> //slice(start,end) 截取 end本身不被截取 var str="hello world"; console.log(str.slice(7,10)); //orl console.log(str.slice(1,3)); //el //参数为负数时:str.slice(-3)=str.slice(8) 11+(-3)=8 console.log(str.slice(-3)); //rld //str.slice(-7,-3)=str.slice(4,8) console.log(str.slice(-7,-3)); //o wo\ //substring(start,end) :语法及功能同slice()完全一样。当参数为负数时,自动将参数转换为0。 console.log(str.substring(2,7));//llo w //str.substring(0) console.log(str.substring(-2));//hello world //str.substring(0,0) console.log(str.substring(-7,-2));//当start,end为负数时 返回空字符串。 //str.substring(0,5) console.log(str.substring(-7,5));//hello //str.substring(0,2) 自动将-5转为0,以0开始 console.log(str.substring(2,-5));//he substring()会将较小的数作为开始位置,将较大的数作为结束位置。 //substr(start,len) len: 可选,表示截取的字符总数,省略时截取至字符串的未尾。 console.log(str.substr(7,3)); // orl console.log(str.substr(-7,3)); //o w 当start为负数时 ,会将传入的负值与字符串的长度相加。 console.log(str.substr(2,-3)); // 当len为负数时 返回空字符 </script> </body> </html>

    大小写转化的方法:

    toUpperCase() : 转化大写 语法: stringValue.toUpperCase() 功能:把字符串转换为大写。 toLowerCase() : 转化小写 语法: stringValue.toLowerCase() 功能:把字符串转换为小写。

    案例:将border-left-color 转化为 borderLeftColor //驼峰形式

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>toUpperCase 和tolowerCase</title> </head> <body> <script> //toUpperCase 把字符串转换为大写 var str="hello world"; console.log(str.toUpperCase()); //HELLO WORLD var upper=str.charAt(6).toUpperCase(); //只将第六个字符转换为大写 console.log(upper ); // W //toLowerCase 把字符串转换为小写 var str2="WELCOME"; console.log(str2.toLowerCase()); //welcome //border-left-color 转化为 borderLeftColor //驼峰形式 function camelback(str){ ///通过-这个分隔符将str拆分成数组 var arr=str.split("-"); newStr=arr[0]; //border // console.log(arr);//{"border" "left" "color"} for(i=1,len=arr.length;i<len;i++){ //i=1是因为border(i=0)不转换 var word=arr[i]; newStr+=word.charAt(0).toUpperCase()+word.substr(1) ;//borderLeft // borderLeftColor //console.log(newStr ); } return newStr; } var camelFormat=camelback ("border-left-color "); console.log(camelFormat ); // borderLeftColor var camelFormat2=camelback ("get-element-by-id "); console.log(camelFormat2 ); // getElementById </script> </body> </html>

    最新回复(0)