Javascript学习1 - Javascript中的类型对象

1.1关于Numbers对象.

常用的方法：number.toString() 不用具体介绍，把数字转换为字符串，相应的还有一个方法：toLocalString()

                    number.toFixed(digits) 把numberl转换为小数，digits代表小数几位.

        常用的与Number对应的全局函数：isNaN(vars) 判断vars是不是数字，

        如是，返回false,如不是，返回true. 具体的意思是is Not a Number.

1.2 strin类型和String对象.Javascript中具体的类型有Numbers,Strings,Boolean,Objects,Arrays,Date类型，

因为JS是面向对象的，所以，大可以把这些类型看作一个个对象.些外，也有全局函数或相应的方法来配合这些类型对象。

String对象是常用到的一种类型对象，所以，应该熟练掌握其方法与其相关的全局函数.

1.2.1 Strings对象的方法：

String的所有方法参考《Javascript权威指南》P690

String.length   //返回字符串的长度String.charAt(s.length-)  //返回字符串某个位置的字符String.substring(,)      //返回字符串1~4位置的字符串String.indexOf('a')       //返回字符串第一个'a'字符的位置.

1.2.2 字符串与其它类型的转化:

① number转化成string型：

●toString方法：

string = number.toString() /  string = String(number); //number转化为string的方法string = ""+number.toString(); // 八进制数字字符串string = "0x"+number.toString(); //十六进制数字字符串

●toFixed方法：可以把一个数字转换为字符串，并且格式小数点后的位数

toExponential方法：使用指数表示法把一个数字转换为字符串

toPrecision方法：使用拽定的有意义的位数来显示一个数字

                    var n = 123.234;                    n.toFixed();  // return "123.234"                    n.toFixed();  // return "123.23"                    n.toExponential(); //return "1.23e+5"                    n.toPrecision();  // return "123.2"

② string转化成numberg型

●字符串用于数字环境中，会自动转换为数字

                var n = "123"*"2"

                var n = "23"- 0; // 只要将字符串减0就可以转换为数字型

            ●Number函数

                number = Number(string)   //把string转化为number型,但过于严格

            ●parseInt,parseFloat函数,转换不成功，返回NaN

number = parseInt("3 blind")  // Returns 3number = parseFloat("3.14 meters") //returns 3.14number = parseInt("3.14") //return 3number = parseInt("0xFF") //return 255

③ 二进制，8进制，16进制，或任何一进制数转化为字符型：

parseInt("",)   //return 8parseInt("ff",)  //16进制数的ff转化为int型，返回为255parseInt("",)  //8进制数077转化为int型，返回为63.

1.2.3 关于包装对象String

如下语句

                 var s = "there is a hat";

             s是string类型，而string类型是Javascript中的一个基本类型。

             但是，作为基本类型的s,为什么能够进行如s.length,s.indexOf对象式的操作呢？

             事实上，在Javascript中，三个关键基本数据类型(string,int,boolean)都有一个相应的对象类。简而言之，就是 Javascript不仅支持数字、字符串和布尔值这些数据类型，还支持Number,String和Boolean类。这些类是基本数据类的包装 (wrapper)。这些包装类不仅具有和基本类型一样的值，还定义了用来运算数据的属性和方法。

             以上，详细讨论见《Javascript权威指南》3.13节。

1.3 Objects对象，这种类型对象包含的东西就多了，比如document对象，windows对象，

具体到button,image,form,textfiled都是一个个objects对象，每个对象根据其不同的类型，

都有相应的方法和函数，比如button对象，就有width,height属性.image也有width,height,border属性等.

具体的对象可设置属性可以参考CSS，因为CSS就是设置这东西的.

1.3.1 定义：对象是已命名数据的集合。（集合这两个字非常重要）

已命名的数据通常被作为对象的属性来引用，要引用对象的属性，就必须引用这个对象，其后加.属性名,如:

        image.width / image.height

     Javascript中的对象可以作为关联数组使用，因为它能将任意的数据值和任意的字符串关联起来。所以，可以使用数组方式访问对象内的属性：

        image["width"] / image["height"]

1.3.2 创建对象

var o = new Object();

var pattern = new RegExp("\\sajax\\s","i");

1.3.3 对象转换

当一个非空对象转换成Boolean类型时，转换为true.

当一个对象转换为字符串时，会调用对象的toString()方法

当一个对象转换为数值时，首先调用ValueOf()方法，如果ValueOf（）返回的是对象自己，则调用toString(),再把字符串转换成数值。

1.4 arrays对象.

这种类型对象有其固有的方法和属性，应熟练掌握之，因为用到的场合比较多.

1.4.1 创建arrays对象：

var a1 =  new Array("","","");  //new 定义var a2 = ["","",""];            //直接定义var a3 =  new Array();            //new 定义，并赋值a3[] = ;a3[] = ;a3[] = ;var a4 = new Array();              // new定义，不指定长度a4[] = 1.2; a4[] = "javascript"; a4[] = true; a4[] = { x:,y:};var a4 = new Array(1.2,"javascript",true,{x:,y:}); //与以上定义同价

1.4.2 arrays对象的方法：

 1var a = [,,,,,,,];

 2var numlen = a.length  //获得数组的长度

 3var c = a.concat(b)   //a数组和b数组合并

 4var joinArr = a.join("-"); //数组用什么方式组合，组合后返回一个字符串,这里返回的是"1-2-3-4-5-6-7-8"

 5a.pop()         //数组从最后位置弹出一项

 6a.push("",""),  //数组从栈顶压入两项数值

 7a.shift()/a.unshift(val1,[val2..])    //跟pop()和push()为一对，只不过插入和弹出的位置不一样，一个是尾部，一个是首部.

 8a.reverse();        //reverse() 返转数组，会改变数组

 9var sa = a.slice(,);   //sa = [2,3] 剪切某数组，从begin开始，直到end之前一个.前切的数组作为返回值

a.splice(,,,); //a为[1,2,3,67,68,4,5,6,7,8]

a.splice(,,);    //a为[1,2,3,67,7,8]

Code

var a = [,,,,,,,];

var numlen = a.length  //获得数组的长度

var c = a.concat(b)   //a数组和b数组合并

var joinArr = a.join("-"); //数组用什么方式组合，组合后返回一个字符串,这里返回的是"1-2-3-4-5-6-7-8"

a.pop()         //数组从最后位置弹出一项

a.push("",""),  //数组从栈顶压入两项数值

a.shift()/a.unshift(val1,[val2..])    //跟pop()和push()为一对，只不过插入和弹出的位置不一样，一个是尾部，一个是首部.

a.reverse();        //reverse() 返转数组，会改变数组

var sa = a.slice(,);   //sa = [2,3] 剪切某数组，从begin开始，直到end之前一个.前切的数组作为返回值

a.splice(,,,); //a为[1,2,3,67,68,4,5,6,7,8]

a.splice(,,);    //a为[1,2,3,67,7,8]

注：//splice(index,howMany,[val1,[val2..]]) //在数组的某地方(index)插入（或替代）多少个(howMany)值(val1,val2..);

        a.toString()   //返回a的字符串

      arrays对象有关的全局函数

        //sort(compareFunction)   //数组按sortFun规定的方式来排序

1.5 Date对象

与日期相关的类型对象.

1.5.1 定义Date对象:

var now = new Date();

var date = new Date(year,month,day,hour,minutes,seconds,msc);

1.5.2 得到当前的日期和时间

var now = new Date();

var date = now.GetLocaleDateString(); //得到当前的日期

var time = now.GetLocaleTimeString(); //得到当前的时间

1.5.3 得到年，月，日，时，分，

var hour = now.getYear(); 

var month = now.getMonth();

var day = now.getDay();

var hour = now.getHours();

var min = now.getMinutes();

var time = now.getTime();

1.5.4 设置时间和日期

var date = new Date(,,);

setYear(), setMonth(),setDay(),setHour(),setMinutes();

1.5.5 把字符串转化为Date

var date = Date.parse(datestr);

1.6 定义直接量

所谓直接量，即有实体，但没有变量名称。可以定义函数直接量，对象直接量，数组直接量。

1.6.1 函数直接量：

var square = new Function(x) {return x*x;}

或var square = new Function("x","return x*x;"}

1.6.2 对象直接量

var rectangle = { upperLeft: {x:2,y:2},

lowerRight: {x:4,y:4}

}

1.6.3 数组直接量

var a = [1.2,"javascript",true,{x:1,y:3}];

1.7 其它类型对象

1.7.1 null

null是一个特殊的值，表示“无值”，常被看作对象类型的一个特殊值，即表示“无对象”的值

如果一个变量为null,就说明它的值不是有效的对象，数组，数字，字符串和布尔值

1.7.2 undefined

变量在以下的情况下，其值为undefined:

            ①使用一个并未声明的变量

            ②使用了已经声明但还没有赋值的变量时

            ③使用了一个并不存在的对象属性时

        虽然undefined和null值不同，但==运算符可以将两者看作相等，如：

            my.prop == null //返回true

1.7.3 Error对象

当发生运行错误时，Javascript解释器会抛出某个类的对象。

每个Error对象具有一个message属性，存放的是Javascript实现特定的错误消息

预定义的错误对象有：Erorr, EvalError,RangeError,ReferenceError,SyntaxError,TypeError和URIError