前端基礎之JavaScript對象

標籤：har   星期六   logo   函數名   字元   utc   ++   val   位置   

 一.簡單介紹

　　在JavaScript中除了null和undefined以外其他的資料類型都被定義成了對象，也可以用建立對象的方法定義變數

　　以建立對象的方式定義變數

　　var aa=Number.MAX_VALUE;

　　var bb=String("hello world");

　　var cc=new Data();

　　var dd=new Array();

二.各類對象

　　1.String對象

　　建立：var aa="hello world";

　　　　　var aa=new String("hello world")

　　字串對象的屬性和函數

x.length                       －－－－擷取字串的長度 x.toLowerCase()        －－－－轉為小寫 x.toUpperCase()        －－－－轉為大寫 x.trim()                       －－－－去除字串兩邊空格       －－－－字串查詢方法x.charAt(index)         －－－－str1.charAt(index);－－－－擷取指定位置字元，其中index為要擷取的字元索引x.indexOf(findstr,index)－－－－查詢字串位置x.lastIndexOf(findstr)  x.match(regexp)         －－－－match返回匹配字串的數組，如果沒有匹配則返回nullx.search(regexp)        －－－－search返回匹配字串的首字元位置索引                        樣本：                        var str1="welcome to the world of JS!";                        var str2=str1.match("world");                        var str3=str1.search("world");                        alert(str2[0]);  // 結果為"world"                        alert(str3);     // 結果為15                        －－－－子字串處理方法x.substr(start, length) －－－－start表示開始位置，length表示截取長度x.substring(start, end) －－－－end是結束位置x.slice(start, end)     －－－－切片操作字串                        樣本：                            var str1="abcdefgh";                            var str2=str1.slice(2,4);                            var str3=str1.slice(4);                            var str4=str1.slice(2,-1);                            var str5=str1.slice(-3,-1);                            alert(str2); //結果為"cd"                                                        alert(str3); //結果為"efgh"                                                        alert(str4); //結果為"cdefg"                                                        alert(str5); //結果為"fg"x.replace(findstr,tostr) －－－－    字串替換x.split();                 －－－－分割字串                                 var str1="一,二,三,四,五,六,日";                                 var strArray=str1.split(",");                                alert(strArray[1]);//結果為"二"                                x.concat(addstr)         －－－－    拼接字串

　　2.Array 對象

　  建立對象：

　  建立方式一：var aa= new Array(1,2,"hello world");

　  建立方式二：var bb=[1,2,3,"logo"];

　  建立方式三：var cc=new Array();

　　　　　　　   cc[0]=7;

　　　　　　　　cc[1]=9;

　　　　　　　　cc[2]=10;

　　　　　　　　cc[3]="hello world";

　　建立二維數組：

var cnweek=new Array(7);for (var i=0;i<=6;i++){    cnweek[i]=new Array(2);}cnweek[0][0]="星期日";cnweek[0][1]="Sunday";cnweek[1][0]="星期一";cnweek[1][1]="Monday";...cnweek[6][0]="星期六";cnweek[6][1]="Saturday";

　　1.數組對象的屬性和方法

　　join  :

　　var aa=[1,2,3,4];

　　var aaa=aa.join("-");

　　alert(aaa);

 

　  contact:

　　var aa=[1,2,3,4];

　　var bb=aa.contact(4,5);

　　alert(aa.toString());  //1,2,3,4

　　alert(bb.toString());  //1,2,3,4,5

 

　　數組排序:reverse sort

//x.reverse()//x.sort()var arr1=[32, 12, 111, 444];//var arr1=["a","d","f","c"];arr1.reverse(); //顛倒數組元素alert(arr1.toString());//結果為444,111,12,32arr1.sort();    //排序數組元素alert(arr1.toString());//結果為111,12,32,444//------------------------------arr=[1,5,2,100];//arr.sort();//alert(arr);//如果就想按著數字比較呢?function intSort(a,b){    if (a>b){        return 1;//-1    }    else if(a<b){        return -1;//1    }    else {        return 0    }}arr.sort(intSort);alert(arr);function IntSort(a,b){    return a-b;}

　　數組切片操作

var aa=[‘a‘,‘b‘,‘c‘,‘d‘,‘e‘,‘f‘,‘g‘,‘h‘]var aa1=aa.slice(2,4);var aa2=aa.slice(4);var aa3=aa.slice(2,-1);alert(aa2.toString());  //‘c,d‘alert(aa3.toSpring());  //‘e,f,g,h‘alert(aa4.toSpring());  //‘c,d,e,f,g‘

　　數組的push 和pop

var arr1=[1,2,3];arr1.push(4,5);alert(arr1);//結果為"1,2,3,4,5"arr1.push([6,7]);alert(arr1)//結果為"1,2,3,4,5,6,7"arr1.pop();alert(arr1);//結果為"1,2,3,4,5"

　　數組的shift和unshift

var arr1=[1,2,3];arr1.unshift(4,5);alert(arr1);  //結果為"4,5,1,2,3"arr1. unshift([6,7]);alert(arr1);  //結果為"6,7,4,5,1,2,3"arr1.shift();alert(arr1);  //結果為"4,5,1,2,3"

　　總結js數組特性

js中數組的特性//java中數組的特性,  規定是什麼類型的數組,就只能裝什麼類型.只有一種類型.//js中的數組特性1: js中的數組可以裝任意類型,沒有任何限制.//js中的數組特性2: js中的數組,長度是隨著下標變化的.用到多長就有多長.            

　4.DATE對象

　  建立對象

 

var nowd1=new Date();alert(nowd1.toLocaleString( ));//方法2：參數為日期文字var nowd2=new Date("2004/3/20 11:12");alert(nowd2.toLocaleString( ));var nowd3=new Date("04/03/20 11:12");alert(nowd3.toLocaleString( ));方法3：參數為毫秒數var nowd3=new Date(5000);alert(nowd3.toLocaleString( ));alert(nowd3.toUTCString());方法4：參數為年月日小時分鐘秒毫秒var nowd4=new Date(2004,2,20,11,12,0,300);alert(nowd4.toLocaleString( ));//毫秒並不直接顯示

 

　　date 對象的方法：

 

//設定日期和時間//setDate(day_of_month)       設定日//setMonth (month)                 設定月//setFullYear (year)               設定年//setHours (hour)         設定小時//setMinutes (minute)     設定分鐘//setSeconds (second)     設定秒//setMillliseconds (ms)       設定毫秒(0-999)//setTime (allms)     設定累計毫秒(從1970/1/1午夜)    var x=new Date();x.setFullYear (1997);    //設定年1997x.setMonth(7);        //設定月7x.setDate(1);        //設定日1x.setHours(5);        //設定小時5x.setMinutes(12);    //設定分鐘12x.setSeconds(54);    //設定秒54x.setMilliseconds(230);        //設定毫秒230document.write(x.toLocaleString( )+"<br>");//返回1997年8月1日5點12分54秒x.setTime(870409430000); //設定累計毫秒數document.write(x.toLocaleString( )+"<br>");//返回1997年8月1日12點23分50秒

　　date對象的方法（日期和時間的轉換）

日期和時間的轉換:getTimezoneOffset():8個時區×15度×4分/度=480;返回本地時間與GMT的時間差，以分鐘為單位toUTCString()返回國際標準時間字串toLocalString()返回本地格式時間字串Date.parse(x)返回累計毫秒數(從1970/1/1午夜到本地時間)Date.UTC(x)返回累計毫秒數(從1970/1/1午夜到國際時間)

　　5.Math 對象

#math對象的方法abs(x)    返回數的絕對值。exp(x)    返回 e 的指數。floor(x)對數進行下舍入。log(x)    返回數的自然對數（底為e）。max(x,y)    返回 x 和 y 中的最高值。min(x,y)    返回 x 和 y 中的最低值。pow(x,y)    返回 x 的 y 次冪。random()    返回 0 ~ 1 之間的隨機數。round(x)    把數四捨五入為最接近的整數。sin(x)    返回數的正弦。sqrt(x)    返回數的平方根。tan(x)    返回角的正切。

　6.function對象

   函數定義：

　function  函數名（參數）

｛

   函數體

　return

  ｝

　注意：

　js載入函數執行與python有所不同，它是在整體載入完後執行，所以執行函數放在函式宣告上面和下面都可以

　function對象的屬性

　aler(func1.length) //返回函數期望的參數個數

　function的調用：

　只要函數名寫對，參數不寫也不報錯

　函數的內建對象arguments

function add(a,b){        console.log(a+b);//3        console.log(arguments.length);//2        console.log(arguments);//[1,2]    }    add(1,2)    ------------------arguments的用處1 ------------------    function nxAdd(){        var result=0;        for (var num in arguments){            result+=arguments[num]        }        alert(result)    }    nxAdd(1,2,3,4,5)//     ------------------arguments的用處2 ------------------    function f(a,b,c){        if (arguments.length!=3){            throw new Error("function f called with "+arguments.length+" arguments,but it just need 3 arguments")        }        else {            alert("success!")        }    }    f(1,2,3,4,5)

　　7.匿名函數

// 匿名函數    var func = function(arg){        return "tony";    }// 匿名函數的應用    (function(){        alert("tony");    } )()    (function(arg){        console.log(arg);    })(‘123‘)

 

前端基礎之JavaScript對象