字符串向数字类型转换
1 parseInt(string, radix) ;
var str ="123";
var str2 = "123abc";
var str3 = "abc123 ";
此方法可以将字符串转换成number类型,第二个参数可以指定转换成几进制。不写的话,默认就是十进制了。
parseInt(str); //123
parseInt(str2) //123
parseInt(str3) //NaN
两次结果都是 123 这是因为当所要转换的字符串不完全是数字类型的字符串的时候的,并不是不能转换,而是将str2 中的数字部分进行了相应的转化。
而当str3中将字母提到了前面时,由于字符串在一开始就无法进行成功的转换,所以会返回一个NaN ,不过需要注意的是 NaN也是number类型中的一种 凡是当string类型无法转换成正常的数字类型的时候,一律都会返回一个NaN 需要注意的是 NaN之间是不能比较大小的,也就是说不同的字符串如果都转换成NaN 他们并不是相等的 不是同一个NaN 无法进行大小的比较。
2:Number(obj)方法
Number(str); // 123
Number(str2); // NaN
Number(str3); // NaN
此方法和上一个方法类似,将一个对象转换成字符串,如果不成功,就转换成NaN.
3: 利用四则运算来进行数据类型的转换
var str = "123";
typeof(str + 0); "string";
typeof(str-0); "number";
typeof(str*1); "number";
typeof(str/1); "number";
除了 + 会做字符串拼接处理 ,其余的三个运算符都会将str 转换成number类型去运算 以此来实现字符串向数字类型的转化。
2:其他常用方法
字符串分割
字符串分割,即将一个字符串分割为多个字符串,JavaScript中给我们提供了一个非常方便的函数,如:
var myStr = "I,Love,You,Do,you,love,me";
var substrArray = myStr .split(","); // ["I", "Love", "You", "Do", "you", "love", "me"];
var arrayLimited = myStr .split(",", 3); // ["I", "Love", "You"];
split()的第二个参数,表示返回的字符串数组的最大长度。
获取字符串长度
字符串长度是在开发中经常要用到的,非常简单如下:
var myStr = "I,Love,You,Do,you,love,me";
var myStrLength = myStr.length; //25
查询子字符串
第一个函数:indexOf(),它从字符串的开头开始查找,找到返回对应坐标,找不到则统一返回-1。
var myStr = "I,Love,you,Do,you,love,me";
var index = myStr.indexOf("you"); // 7 ,基于0开始,找不到返回-1
第二个函数:lastIndexOf(),它从字符串的末尾开始查找,找到返回对应坐标,找不到返回-1。
var myStr = "I,Love,you,Do,you,love,me";
var index = myStr.lastIndexOf("you"); // 14
以上两个函数同样接收第二个可选的参数,表示开始查找的位置。
字符串替换
单单查到字符串应该还不会停止,一般题目都还经常会遇到让你查到并替换为你自己的字符串,例如:
var myStr = "I,love,you,Do,you,love,me";
var replacedStr = myStr.replace("love","hate");//"I,hate,you,Do,you,love,me"
默认只替换第一次查找到的,想要全局替换,需要置上正则全局标识,如:
var myStr = "I,love,you,Do,you,love,me";
var replacedStr = myStr.replace(/love/g,"hate");//"I,hate,you,Do,you,hate,me"
查找给定位置的字符或其字符编码值
想要查找给定位置的字符,你可以使用如下函数:
var myStr = "I,love,you,Do,you,love,me";
var theChar = myStr.charAt(8);// "o",同样从0开始
同样,它的一个兄弟函数就是查找对应位置的字符编码值,如:
var myStr = "I,love,you,Do,you,love,me";
var theChar = myStr.charCodeAt(8); //111
字符串连接
字符串连接操作可以简单到用一个加法运算符搞定,如:
var str1 = "I,love,you!";
var str2 = "Do,you,love,me?";
var str = str1 + str2 + "Yes!";//"I,love,you!Do,you,love,me?Yes!"
同样,JavaScript也自带了相关的函数,如:
var str1 = "I,love,you!";
var str2 = "Do,you,love,me?";
var str = str1.concat(str2);//"I,love,you!Do,you,love,me?"
其中concat()函数可以有多个参数,传递多个字符串,拼接多个字符串。
字符串切割和提取
有三种可以从字符串中抽取和切割的方法,如:
第一种,使用slice():
var myStr = "I,love,you,Do,you,love,me";
var subStr = myStr.slice(1,5);//",lov"
第二种,使用substring():
var myStr = "I,love,you,Do,you,love,me";
var subStr = myStr.substring(1,5); //",lov"
第三种,使用substr():
var myStr = "I,love,you,Do,you,love,me";
var subStr = myStr.substr(1,5); //",love"
与第一种和第二种不同的是,substr()第二个参数代表截取的字符串最大长度,如上结果所示。
字符串大小写转换
常用的转换为大写或者小写字符串函数,如下:
var myStr = "I,love,you,Do,you,love,me";
var lowCaseStr = myStr.toLowerCase();//"i,love,you,do,you,love,me";
var upCaseStr = myStr.toUpperCase();//"I,LOVE,YOU,DO,YOU,LOVE,ME"
字符串匹配
字符串匹配可能需要你对正则表达式有一定的了解,先来看看match()函数:
var myStr = "I,love,you,Do,you,love,me";
var pattern = /love/;
var result = myStr.match(pattern);//["love"]
console.log(result .index);//2
console.log(result.input );//I,love,you,Do,you,love,me
如你所见,match()函数在字符串上调用,并且接受一个正则的参数。来看看第二个例子,使用exec()函数:
var myStr = "I,love,you,Do,you,love,me";
var pattern = /love/;
var result = pattern .exec(myStr);//["love"]
console.log(result .index);//2
console.log(result.input );//I,love,you,Do,you,love,me
简单吧,仅仅是把正则和字符串换了个位置,即exec()函数是在正则上调用,传递字符串的参数。对于上面两个方法,匹配的结果都是返回第一个匹配成功的字符串,如果匹配失败则返回null.
再来看一个类似的方法search(),如:
var myStr = "I,love,you,Do,you,love,me";
var pattern = /love/;
var result = myStr.search(pattern);//2
仅返回查到的匹配的下标,如果匹配失败则返回-1.
字符串比较
比较两个字符串,比较是规则是按照字母表顺序比较的,如:
var myStr = "chicken";
var myStrTwo = "egg";
var first = myStr.localeCompare(myStrTwo); // -1
first = myStr.localeCompare("chicken"); // 0
first = myStr.localeCompare("apple"); // 1
举例
题目:写一个getSuffix函数,用于获得输入参数的后缀名,例如输入test.txt,返回txt。
方法1:
var string1 = "demo.txt";
function FN(str){
return str.split(".").slice(1).join();
}
var result1 = FN(string1);
console.log(result1);
方法2:
function FN2(str){
return str.slice(str.lastIndexOf(".")+1);
}
var result2 = FN2("test.php");
console.log(result2,str.length);
还有其他方法,大家可以自行发挥。