Javascript学习1 - Javascript中的类型对象-阿里云开发者社区

开发者社区> 开发与运维> 正文

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

简介: 原文:Javascript学习1 - Javascript中的类型对象 1.1关于Numbers对象.         常用的方法:number.toString() 不用具体介绍,把数字转换为字符串,相应的还有一个方法:toLocalString()                     number.
原文: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
1String.length   //返回字符串的长度
2String.charAt(s.length-1)  //返回字符串某个位置的字符
3String.substring(1,4)      //返回字符串1~4位置的字符串
4String.indexOf('a')       //返回字符串第一个'a'字符的位置.

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

        ① number转化成string型:
            ●toString方法:
1string = number.toString() /  string = String(number); //number转化为string的方法
2string = "0"+number.toString(8); // 八进制数字字符串
3string = "0x"+number.toString(16); //十六进制数字字符串

            ●toFixed方法:可以把一个数字转换为字符串,并且格式小数点后的位数
                toExponential方法: 使用指数表示法把一个数字转换为字符串
                toPrecision方法:使用拽定的有意义的位数来显示一个数字
1                    var n = 123.234;
2                    n.toFixed(0);  // return "123.234"
3                    n.toFixed(2);  // return "123.23"
4                    n.toExponential(1); //return "1.23e+5"
5                    n.toPrecision(4);  // return "123.2"

        ② string转化成numberg型
            ●字符串用于数字环境中,会自动转换为数字
                var n = "123"*"2"
                var n = "23"- 0;  // 只要将字符串减0就可以转换为数字型
            ●Number函数
                number = Number(string)   //把string转化为number型,但过于严格
            ●parseInt,parseFloat函数,转换不成功,返回NaN
1number = parseInt("3 blind")  // Returns 3
2number = parseFloat("3.14 meters"//returns 3.14
3number = parseInt("3.14"//return 3
4number = parseInt("0xFF"//return 255

        ③ 二进制,8进制,16进制,或任何一进制数转化为字符型:
               
1parseInt("111",2)   //return 8
2parseInt("ff",16)  //16进制数的ff转化为int型,返回为255
3parseInt("077",8)  //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对象:

      
1var a1 =  new Array("1","2","3");  //new 定义
2var a2 = ["1","2","3"];            //直接定义
3var a3 =  new Array(3);            //new 定义,并赋值
4a3[0= 1;a3[1= 2;a3[2= 3;
5var a4 = new Array();              // new定义,不指定长度
6img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gifa4[0= 1.2; a4[1= "javascript"; a4[2= true; a4[3= { x:1,y:3};
7img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gifvar a4 = new Array(1.2,"javascript",true,{x:1,y:3}); //与以上定义同价

    1.4.2 arrays对象的方法:

      
 1var a = [1,2,3,4,5,6,7,8];
 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("4","5"),  //数组从栈顶压入两项数值
 7a.shift()/a.unshift(val1,[val2..])    //跟pop()和push()为一对,只不过插入和弹出的位置不一样,一个是尾部,一个是首部.
 8a.reverse();        //reverse() 返转数组,会改变数组
 9var sa = a.slice(1,3);   //sa = [2,3] 剪切某数组,从begin开始,直到end之前一个.前切的数组作为返回值
10a.splice(3,0,67,68); //a为[1,2,3,67,68,4,5,6,7,8]
11a.splice(3,3,67);    //a为[1,2,3,67,7,8]
img_1c53668bcee393edac0d7b3b3daff1ae.gifimg_405b18b4b6584ae338e0f6ecaf736533.gifCode
var a = [1,2,3,4,5,6,7,8];
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("4","5"),  //数组从栈顶压入两项数值
a.shift()/a.unshift(val1,[val2..])    //跟pop()和push()为一对,只不过插入和弹出的位置不一样,一个是尾部,一个是首部.
a.reverse();        //reverse() 返转数组,会改变数组
var sa = a.slice(1,3);   //sa = [2,3] 剪切某数组,从begin开始,直到end之前一个.前切的数组作为返回值
a.splice(3,0,67,68); //a为[1,2,3,67,68,4,5,6,7,8]
a.splice(3,3,67);    //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对象:

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

    1.5.2 得到当前的日期和时间

1var now = new Date();
2var date = now.GetLocaleDateString(); //得到当前的日期
3var time = now.GetLocaleTimeString(); //得到当前的时间

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

1var hour = now.getYear(); 
2var month = now.getMonth();
3var day = now.getDay();
4var hour = now.getHours();
5var min = now.getMinutes();
6var time = now.getTime();

    1.5.4 设置时间和日期

1var date = new Date(2006,7,30);
2setYear(), 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                    

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章