JavaScript学习笔记——对象分类

对象的分类

一、对象的分类

　　1.内置对象
　　　　Global

　　　　Math

　　2.本地对象
　　　　Array
　　　　Number
　　　　String
　　　　Boolean
　　　　Function
　　　　RegExp

　　3.宿主对象
　　　　DOM
　　　　BOM

二、Math对象

格式: Math.方法(参数)

　　1.取绝对值
　　　　Math.abs();

var num1=-2.4;
alert(Math.abs(num1))

　　2.取近似整数
　　　　//Math.round() 四舍五入

//Math.round()  //四舍五入
var num=2.1;
alert(Math.round(num))

　　　　//Math.floor() 对数进行下取舍

//Math.floor()  对数进行下取舍
alert(Math.floor(num))

　　　　//Math.ceil() 对数进行上取舍

//Math.ceil()  对数进行上取舍
alert(Math.ceil(num))

　　3.取最大值或最小值
　　　　Math.max(参数....)
　　　　Math.min(参数.....)

      var num1=1;
      var num2=2;
      var num3=3;
      var num4=4;
      alert(Math.max(num1,num2,num3,num4))
      alert(Math.min(num1,num2,num3,num4))

　　4.取随机数
　　　　Math.random();

      //Math.random();  从0到1的随机数

 

三、javascript字符串对象

　　一、属性
　　　　1.length
　　　　计算字符串的长度(不区分中英文)

     var str="bbs.houdunwang.com";
     alert(str.length)
     var str1="后盾网";
     alert(str1.length);

　　　　2.constructor

　　　　对象的构造函数

     var str="后盾网";
     alert(str.constructor)

 

　　二、方法

　　　　(1)获取类型

　　　　　　1.myString.charAt(num)
　　　　　　返回在指定位置的字符

    var str="后盾网";
    alert(str.charAt(2));
    alert(str[0])

　　　　　　2.myString.charCodeAt(num)
　　　　　　返回指定位置的字符的Unicode编码

    var str="ABC";
      alert(str.charCodeAt(0))
      alert(str.charCodeAt(1))
      alert(str.charCodeAt(2))

　　　　　　3. String.fromCharCode()

　　　　　　接受一个或多个指定的Unicode值，然后返回一个或多个字符串

alert(String.fromCharCode(65,66,67))

 

　　　　(2)查找类型
　　　　　　1.myString.indexOf()
　　　　　　返回某个指定的字符串，在字符串中首次出现的位置

    var str="后盾网盾视频盾教程";
      alert(str.indexOf("盾"))

　　　　　　2. myString.lastIndexOf()

　　　　　　返回一个字符串值末次出现的位置

      var str="bbs.houdunwang.com";
      alert(str.lastIndexOf("."))

　　　　　　3. myString.match()

　　　　　　在字符串中检索指定的值，返回的值就是指定的类型(值)

      var str="后1盾2网3论4坛";
      alert(str.match(/\d+/g))

　　　　　　4.search()

　　　　　　只能作用于正则。

　　　　　　5. myString.replace()
　　　　　　将字符串中的一些字符替换为另外一些字符

      var str="后盾网";
      alert(str.replace("网","wang"))

 

　　　　(3) 截取类型

　　　　　　1.myString.slice(start,end)

　　　　　　截取从指定的开始位置，到结束位置(不包括)的所有字符串。如果不指定结束位置，则从 指定的开始位置，取到结尾

    var str="后盾网视频教程";
    alert(str.slice(0,5))

　　　　　　2.substring(start,end)

　　　　　　截取从指定的开始位置，到结束位置(不包括)的所有字符串。如果不指定结束位置，则从 指定的开始位置，取到结尾

   var str="后盾网视频教程";
    alert(str.substring(0))

　　　　　　3.substr(start,length)

　　　　　　从指定的位置开始截取指定长度的字符串。如果没有指定长度，从指定开始的位置取到结尾

    var str="后盾网视频教程";
    alert(str.substr(0,7))

　　　　　　***************************************************************************

　　　　　　　　slice(start,end) vs substring(start,end)
　　　　　　　　slice参数可以是负数，如果是负数，从-1开始指的是字符串结尾。
　　　　　　　　substring参数是负数的时候，会自动转换为0
　　　　　　***************************************************************************

　　　　(5)转换类型

　　　　　　1. split("分割位置",[指定的长度])
　　　　　　将一个字符串分割成数组

  var str="后盾网，视频，教程";
  alert(str.split("，"))

　　　　　　2.toLowerCase();

　　　　　　用于把字符串转换为小写

　　　　　　3.toUpperCase()
　　　　　　将字符串转换为大写

 var str="HOUDUNWANG";
 alert(str.toLowerCase(). toUpperCase())

 

　　　　(6) 样式类型

　　　　　　1.fontcolor()
　　　　　　给字符串指定颜色，十六进制表示、red、rgb(255,0,0)

 var str="后盾网视频";
 //document.write(str.fontcolor("red"))
 //document.write(str.fontcolor("#aaaaaa"))

　　　　　　2.fontsize()

　　　　　　指定字符串的大小 (1-7)

 document.write(str.fontsize(1))
 document.write(str.fontsize(3))
 document.write(str.fontsize(7))

 

四、javascript数组对象
　　一、属性
　　　　1.length
　　　　设置或返回数组元素的数目

       var a=["a","b",1,2];
        alert(a.length=5)
        alert(a.length)
        alert(a)

　　　　2.constructor

　　　　返回构造函数的引用

        var a=["a","b",1,2];
        alert(a.constructor)

 

　　二、方法
　　　　A.删除或添加类

　　　　　　1. myarr.push(数组元素......)
　　　　　　向数组的末尾添加新的元素，返回值是新数组的长度。
　　　　　　可以一次添加多个元素

           var a=["a","b",1,2];
           alert(a.push("c","d"))
           alert(a)

　　　　　　2. myarr.unshift(数组元素.....)

　　　　　　向数组的开头加入新的元素，返回值是新数组的长度
　　　　　　可以一次添加多个元素

           var a=["a","b",1,2];
           alert(a.unshift("c","d"))
           alert(a)

　　　　　　3. myarr.pop()

　　　　　　删除数组的最后一个元素，返回删除的元素

            var a=["a","b",1,2];
           alert(a.pop())
           alert(a)

　　　　　　4. myarr.shift()

　　　　　　删除数组的第一个元素，返回删除的元素

           var a=["a","b",1,2];
           alert(a.shift())
           alert(a)

　　　　　　5.万能的添加删除函数

　　　　　　myarr.splice(index,数量,添加的元素.....)
　　　　　　　　(1)index　　 从何处开始添加或删除，必须是数值类型(数组的下标)
　　　　　　　　(2) 数量 　　 规定了删除的个数，如果是0，则不删除
　　　　　　　　(3) 需要添加的元素　　可以当作替换的元素

            var a=["a","b",1,2];
            alert(a.splice(1,0,"c","d"))
            alert(a)

　　　　　　　　************************************

　　　　　　　　如果有删除的元素，返回删除的元素
　　　　　　　　************************************

　　　　B.数组的转换
　　　　　　mystr.split()
　　　　　　myarr.join([分隔符])
　　　　　　把数组元素按照指定分隔符组合成一个字符串，如果没有指定分隔符，默认是用“,”
　　　　　　返回结果就是组合成的字符串

            var a=["a","b",1,2];
            //alert(a.join())
            alert(a.join("-"))

 

　　　　C.数组的分割
　　　　　　myarr.slice()
　　　　　　截取从指定的开始位置，到结束位置(不包括)的元素。如果不指定结束位置，则从指定的开始位置，取到结尾(数组的下标)
　　　　　　支持负数(-1开头) 返回新数组。

            var a=["a","b",1,2,"后盾网","bbs.houdunwang.com"];
             alert(a.slice(2,4))
             alert(a.slice(2))
             alert(a.slice(-2,-1))
             alert(a)

 

　　　　D.排序
　　　　　　冒泡排序

function mySort (fun) {

for (var i=0; i<this.length; i++) {

                  for (var j=0; j<this.length-i; j++) {
                     if(this[j]>this[j+1]){
                        var aa=this[j];
                       this[j]=this[j+1]
                       this[j+1]=aa;
                     }
                  }
            }
            return this
}


    Array.prototype.mySort=    mySort    
      alert(arr.mySort())

　　　　　　myarr.sort()

　　　　　　对数组进行排序，如果没有参数，则按照字母的编码进行排序，如果要按照其他的顺序来排序，要提供一个函数。
　　　　　　会提供两个参数(a,b) 此时按从小到大排序
　　　　　　　　a<b a在b前
　　　　　　　　a=b
　　　　　　　　a<b

    var a=[12,34,123]
    a.sort(function  (a,b) {
       return a=b
    });
    alert(a)

　　　　F.数组的连接
　　　　　　myarr.concat()
　　　　　　连接两个或更多的数组，并返回新数组，但是对原数组没有任何影响.

    var a=[1,2,3];
    //var b=["后盾网","视频","bbs.ghoudunwang.con"]
    //var c=["a","b","c"]
    //alert(a.concat(b,c))
    //alert(a)
    alert(a.concat("a","c"))
    alert(a)

　　　　G.自定义一个函数(删除数组的重复元素)

    var arr=[1,5,2,3,5,4,5,6,7,8,5,9,5]
    Array.prototype.deleteit=function deleteit(){
        for(var i=0;i<=this.length;i++){
            for(var j=i+1;j<=this.length;j++){
                if(this[i]==this[j]){
               //this.splice(this[j],1);
                this.splice(j,1);
                j--;
               alert("第"+i+"个数字"+"["+this[i]+"]"+"和第"+j+"个数字"+"["+this[j]+"]"+"相同，已删除！");
                }
            }
        }return this;
    }
    alert(arr.deleteit())

 

 

五、javascript时间对象

日期对象

在javascript中日期也是他的内置对象，所以我们要对日期进行获取和操作，必须实例化对象。

1.创建日期对象
　　var dateobj=new Date();
　　将会包含本地时间的信息，包括年月日时分秒 星期

　　A.可传入的参数格式
　　　　1."时:分:秒 日/月/年" "日/月/年 时:分:秒" 字符串
　　　　2.年,月,日,时,分,秒 不能加""
　　注意:月份和星期都是从0开始计算的

2.获取日期信息的方法
Date 对象方法
FF: Firefox, IE: Internet Explorer

方法 描述 FF IE
Date() 返回当日的日期和时间。 
getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 
getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 
getMonth() 从 Date 对象返回月份 (0 ~ 11)。 
getFullYear() 从 Date 对象以四位数字返回年份。 
getYear() 请使用 getFullYear() 方法代替。 
getHours() 返回 Date 对象的小时 (0 ~ 23)。 
getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。 
getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。  
getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。 
getTime() 返回 1970 年 1 月 1 日至今的毫秒数。 
getTimezoneOffset() 返回本地时间与格林威治标准时间 (GMT) 的分钟差。 

 

 

3.设置日期的方法

setDate() 设置 Date 对象中月的某一天 (1 ~ 31)。 
setMonth() 设置 Date 对象中月份 (0 ~ 11)。 
setFullYear() 设置 Date 对象中的年份（四位数字）。 
setYear() 请使用 setFullYear() 方法代替。 
setHours() 设置 Date 对象中的小时 (0 ~ 23)。 
setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)。 
setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)。 
setMilliseconds() 设置 Date 对象中的毫秒 (0 ~ 999)。 
setTime() 以毫秒设置 Date 对象。 
setUTCDate() 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。 
setUTCMonth() 根据世界时设置 Date 对象中的月份 (0 ~ 11)。 
setUTCFullYear() 根据世界时设置 Date 对象中的年份（四位数字）。
setUTCHours() 根据世界时设置 Date 对象中的小时 (0 ~ 23)。 
setUTCMinutes() 根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
setUTCSeconds() 根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。
setUTCMilliseconds() 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。