1. 程式人生 > 實用技巧 >JavaScript中陣列、函式、物件的定義

JavaScript中陣列、函式、物件的定義

一、陣列定義


<script type="text/javascript">
        var arr = [];   //定義一個初始長度為0的空陣列
        var arr2 = new Array(3);  //也可以這樣定義(形參是陣列的預設長度)
        alert("陣列的初始長度為:"+arr.length);

        //JavaScript中的陣列,會根據 賦值時 給定的下標,自動進行擴容
        arr[4] = "??";
        alert('陣列的長度為:'+arr.length);
        for(var i=0;i<arr.length;i++){
            alert(
'第'+i+'個元素為'+arr[i]); } </script>

二、函式定義


注意:JavaScript中的函式不允許過載,最後定義的函式會覆蓋前面的
<script type="text/javascript">
        /*第一種定義方式
        function funcName(args){
        *
        * }
        */
        function sum1(num1,num2){
            var result = num1+ num2;
            
return result; } alert("第一種:"+sum1(100,21)); /*第二種定義方式 * var funcName = function(args){ * * } */ var sum2 = function (num1,num2) { var result = num1 + num2; return result; } alert("第二種:"+sum2(100,21));
</script>

注意:在JavaScript中,方法內有一個隱性陣列arguments,這個陣列內儲存著呼叫方法時傳入的引數

<script type="text/javascript">
        /*arguments本質就是函式預設包含的陣列,可以接收並操作傳入的一切引數*/
        function func1() {
            for(var i=0;i<arguments.length;i++){
                alert(arguments[i]);
            }
        }
        //從下面的結果可以看出,arguments的大小隻取決於呼叫時傳入的引數,它可以
        //不等於方法的形參列表
        func1(1,99,"啦啦啦");
    </script>

三、物件定義


<!--  第一種方式  -->
    <script type="text/javascript">
        var obj = new Object();
        obj.name = "小黑";
        obj.age = 19;
        obj.func = function () {
            alert("姓名:"+this.name+",年齡:"+this.age);
        }
        obj.func();
    </script>
<!--  第二種方式:用大括號定義(實際上就是JSON)  -->
    <script type="text/javascript">
        var obj = {
            name:"小白",
            age:20,
            func:function(){
                alert("姓名:"+this.name+",年齡:"+this.age)
            }
        }
        obj.func();
    </script>