JS基礎入門篇(十二)—對象

1.對象的定義

對象:函數

- 是複合類型,由簡單數據類型和複合數據類型組成的。
    - 由一對{ }包起來的,
    - 0對或者多對 鍵名和鍵值 組成的對,
    - 每對鍵值對 之間用","隔開,最後一個不要加","

2.對象的建立

方式一:經過構造函數建立對象spa

  • new Object();

方式二:對象字面量建立對象code

  • { };

3.爲對象添加或者修改屬性

方式一:經過「.」對象

<script>
    //經過構造函數建立對象
    var obj= new Object();
    //爲對象添加屬性
    obj.a=2;
    console.log(obj);//{a: 1}
    
    //經過對象字面量建立對象
    var t={};
    //爲對象添加屬性
    t.a=2;
    console.log(t);//{a: 1}    
</script>

方式二:「[ ]」blog

<script>
    //經過構造函數建立對象
    var obj= new Object();
    //爲對象添加屬性
    obj.["a"]=2;
    console.log(obj);//{a: 1}
    
    //經過對象字面量建立對象
    var t={};
    //爲對象添加屬性
    t.["a"]=2;
    console.log(t);//{a: 1}    
</script>

方式三:直接寫在裏面圖片

<script>
    var obj= {
            name: "k",
            age: 12,
            gender: "male"
        }
     console.log(obj);//{name: "k", age: 12, gender: "male"}
</script>

4.屬性值的獲取

對象值的獲取ip

- 方式一:對象.鍵名(屬性名);
- 方式二:對象["鍵名"];

5.in 和 for in的使用

in的使用:it

屬性名 in 對象名
      檢測 在 對象中 是否 含有此屬性名。

eg:console

<script>
    var obj={
        name:"L";
        age:22;
    };
    console.log(age in obj);//true
    console.log(gender in obj);//false
</script>

for in的使用:class

遍歷對象內的全部屬性,感受至關於一個循環。

<script>
        var obj={
                name:"k",
                age:21,
                gender:"women"
        };
        // i是指對象的屬性名,會遍歷對象的屬性值。
        for (var i in obj){
            console.log("第"+i+"項的屬性值爲:"+obj[i]);
        }
        var attr=[1,2,3,4];
        for (var i in attr){
            console.log("第"+i+"項值爲:"+attr[i]);
        }
</script>

結果截圖爲:
圖片描述

相關文章
相關標籤/搜索