JavaScript中的Number类型、String类型、Global对象、Math对象总结

http://blog.csdn.net/bboyjoe/article/details/51532319

一.Number类型

valueOf():返回对象表示的基本类型的数值。

toString():传递一个表示基数的参数，告诉它返回几进制数值的字符串形式。

[javascript] view plain copy

 

1. var num=10;  
2. console.log(num.toString());//=>"10"  
3. console.log(num.toString(2));//=>"1010"  
4. console.log(num.toString(8));//=>"12"  
5. console.log(num.toString(10));//=>"10"  
6. console.log(num.toString(16));//=>"a"  

toFixed()：按照指定的小数位返回数值的字符串表示。

[javascript] view plain copy

 

1. console.log(num.toFixed(2));//=>"10.00"  

toExponential():返回以指数表示法表示的数值的字符串形式。

[javascript] view plain copy

 

1. console.log(num.toExponential(1));//=>"1.0e+1"  

toPrecision():可能返回固定大小格式，也可能返回指数格式。

[javascript] view plain copy

 

1. var num2=99;  

[javascript] view plain copy

 

1. console.log(num2.toPrecision(1));//=>1e+2  
2. console.log(num2.toPrecision(2));//=>99  
3. console.log(num2.toPrecision(3));//=>99.0   

二.String类型

1）length属性

[javascript] view plain copy

 

1. var str1="hello world";  
2. console.log(str1.length);//=>11  

2）字符方法

2.1）charAt()：以单字字符串的形式返回给定位置的那个字符。

2.2）charCodeAt()：以字符编码字符串的形式返回给定位置的那个字符。

[javascript] view plain copy

 

1. console.log(str1.charAt(1));//=>e  
2. console.log(str1.charCodeAt(1));//=>101  
3. console.log(str1[1]);//=>e  

3）字符串操作方法：

3.1）concat():用于将一或多个字符串拼接起来，返回拼接得到的新字符串。

实践中使用最多的还是加号操作符(+).

[javascript] view plain copy

 

1. var str2="hello ";  
2. var result=str2.concat("world");  
3. console.log(result);//=>hello world  

3.2)slice()、substring()和substr():返回被操作字符串的一个子字符串。

第一个参数指定字符串的开始位置，

slice()、substring()中第二个参数表示子字符串到哪里结束。

substr()中第二个参数指定的则是返回的字符个数。

[javascript] view plain copy

 

1. var str3="hello world";  
2. console.log(str3.slice(3));//=>lo world  
3. console.log(str3.substring(3));//=>lo world  
4. console.log(str3.substr(3));//=>lo world  
5. console.log(str3.slice(3,7));//=>lo w  
6. console.log(str3.substring(3,7));//=>lo w  
7. console.log(str3.substr(3,7));//=>lo worl  

在传递给这些方法的参数是负值的情况下：

slice()方法会将传入的负值与字符串的长度相加；

substr()方法将负的第一个参数加上字符串的长度，而将第二个参数转换为0；

substring()方法会把所有负值参数都转换为0.

[javascript] view plain copy

 

1. console.log(str3.slice(-3));//=>rld  
2. console.log(str3.substring(-3));//=>hello world  
3. console.log(str3.substr(-3));//=>rld  
4. console.log(str3.slice(3,-4));//=>lo w  
5. console.log(str3.substring(3,-4));//=>hel  
6. console.log(str3.substr(3,-4));//=>""  

3.3)字符串位置方法：indexOf()、lastIndexOf()

从一个字符串中搜索给定的子字符串，然后返回子字符串的位置。

[javascript] view plain copy

 

1. var str4="My name is Jason,I love javascript,and coding everyday!";  
2. var positions=[];  
3. var pos=str4.indexOf("a");  
4. while(pos>-1){  
5.     positions.push(pos);  
6.     pos=str4.indexOf("a",pos+1);  
7. }  
8. console.log(positions);//=>[4, 12, 25, 27, 35, 52]  

3.4）trim()方法：创建一个字符串的副本，删除前置及后缀的所有空格，然后返回结果。

[javascript] view plain copy

 

1. var str5="  hello world  ";  
2. console.log(str5.trim());//=>hello world  

3.5）字符串大小写转换方法

[javascript] view plain copy

 

1. var str6="Hello Javascript";  
2. console.log(str6.toLowerCase());//=>hello javascript  
3. console.log(str6.toUpperCase());//=>HELLO JAVASCRIPT  

3.6）字符串的模式匹配方法

match():在字符串上调用这个方法，本质上与调用RegExp的exec()方法相同。

[javascript] view plain copy

 

1. var text="cat,bat,sat,fat";  
2. var pattern=/.at/;  
3. var matches=text.match(pattern);  
4. console.log(matches.index);//=>0  
5. console.log(matches[0]);//=>"cat"  
6. console.log(pattern.lastIndex);//=>0  

search():返回字符串中第一个匹配项的索引，如果没有找到匹配项，则返回-1.

[javascript] view plain copy

 

1. var text="cat,bat,sat,fat";  
2. var pos=text.search(/at/);  
3. console.log(pos);//=>1  

replace()：简化替换子字符串的操作，第一个参数可以是一个RegExp对象或者一个字符串，第二个参数可以是一个字符串或者一个函数。要想替换所有子字符串，唯一的办法是提供一个正则表达式，而且要指定全局(g)标志。

[javascript] view plain copy

 

1. var text="cat,bat,sat,fat";  
2. var result=text.replace(/at/g,"ond");  
3. console.log(result);//=>cond,bond,sond,fond  
4. var text="cat,bat,sat,fat";  
5. result=text.replace(/(.at)/g,"word ($1)");  
6. console.log(result);//=>word (cat),word (bat),word (sat),word (fat)  

split():可以基于指定的分隔符将一个字符串分割成多个子字符串，并将结果放在一个数组中。

[javascript] view plain copy

 

1. var colors="red,blue,green,yellow";  
2. var colors1=colors.split(",");  
3. var colors2=colors.split(",",2);  
4. var colors3=colors.split(/[^\,]+/);  
5. console.log(colors1);//=>["red", "blue", "green", "yellow"]  
6. console.log(colors2);//=>["red", "blue"]  
7. console.log(colors3);//=>["", ",", ",", ",", ""]  

localeCompare()：比较两个字符串，根据字符串在字母表中的位置，并返回-1或0或1

[javascript] view plain copy

 

1. var str7="yellow";  
2. console.log(str7.localeCompare("brick"));//=>1  
3. console.log(str7.localeCompare("yellow"));//=>0  
4. console.log(str7.localeCompare("zoo"));//=>-1  

三.Global对象

URI编码方法:

encodeURI():主要用于整个URI进行编码。

encodeURIComponent()：主要用于对URI中的某一段进行编码。

[javascript] view plain copy

 

1. var uri="http://www.wrox.com/illegal value.htm#start";  
2. console.log(encodeURI(uri));//=>http://www.wrox.com/illegal%20value.htm#start  
3. console.log(encodeURIComponent(uri));//=>http%3A%2F%2Fwww.wrox.com%2Fillegal%20value.htm%23start  

URI解码方法：

decodeURI()：只能对使用encodeURI()替换的字符进行解码。

decodeURIComponent():能够解码使用encodeURIComponent()编码的所有字符。

[javascript] view plain copy

 

1. var enUri="http%3A%2F%2Fwww.wrox.com%2Fillegal%20value.htm%23start";  
2. console.log(decodeURI(enUri));//=>http%3A%2F%2Fwww.wrox.com%2Fillegal value.htm%23start  
3. console.log(decodeURIComponent(enUri));//=>http://www.wrox.com/illegal value.htm#start  

四.Math对象

1）Math对象的属性

[javascript] view plain copy

 

1. console.log(Math.PI);//=>3.141592653589793  
2. console.log(Math.E);//=>2.718281828459045  

2）min()和max()方法

[javascript] view plain copy

 

1. var max=Math.max(3,54,32,16);  
2. console.log(max);//=>54  
3. var min=Math.min(3,54,32,16);  
4. console.log(min);//=>3  
5. var values=[1,2,3,4,5,6,7,8];  
6. var max2=Math.max.apply(Math,values);  
7. console.log(max2);//=>8  

3）舍入方法

Math.ceil():向上舍入。

Math.floor():向下舍入。

Math.round():四舍五入。

[javascript] view plain copy

 

1. console.log(Math.ceil(25.9));//=>26  
2. console.log(Math.ceil(25.5));//=>26  
3. console.log(Math.ceil(25.1));//=>26  
4. console.log(Math.round(25.9));//=>26  
5. console.log(Math.round(25.5));//=>26  
6. console.log(Math.round(25.1));//=>25  
7. console.log(Math.floor(25.9));//=>25  
8. console.log(Math.floor(25.5));//=>25  
9. console.log(Math.floor(25.1));//=>25  

4)random()方法：返回大于等于0小于1的一个随机数。

[javascript] view plain copy

 

1. var num=Math.floor(Math.random()*10+1);  
2. console.log(num);//=>介于1~10之间的随机数  
3. function selectFrom(lowerValue,upperValue){  
4.     var choices=upperValue-lowerValue+1;  
5.     return Math.floor(Math.random()*choices+lowerValue);  
6. }  
7. var num2=selectFrom(2,10);  
8. console.log(num2);//=>介于2~10之间的随机数  
9. var colors=['red','green','blue','yellow','black','purple','brown'];  
10. var color=colors[selectFrom(0,colors.length-1)];  
11. console.log(color);//随机数组中包含的任一个字符串