JavaScript 物件

QixunQiu發表於2024-11-02
JavaScript物件

一 Array陣列物件

點選檢視程式碼 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    // 方式一
    var arr = new Array(1,2,3);

    // alert(arr);

    // 方式二
    var arr2 = [1,2,3];
    //alert(arr2);

    // 訪問
    arr2[0] = 10;
    //alert(arr2)

    // 特點：JavaScript陣列相當於Java中集合。變長變型別

    // 變長
    var arr3 = [1,2,3];
    arr3[10] = 10;
    //alert(arr3[10]);
    //alert(arr3[9]);

    // 變型別
    arr3[5] = "hello";
    //alert(arr3[5]);
    //alert(arr3);

    // 屬性：length：陣列中元素的個數
    var arr4 = [1,2,3];
/*
    for (let i = 0; i < arr4.length; i++) {
        alert(arr4[i]);
    }*/

    // 方法：
    // push:新增方法
    var arr5 = [1,2,3];
   /* arr5.push(10);
    alert(arr5);*/

    // splice:刪除元素
    arr5.splice(0,1);
    alert(arr5);

</script>

</body>
</html>
二 String字串物件（與Java類似）
點選檢視程式碼 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    //方式一
    var str1 = new String("abc");
    //方式二
    var str2 = "abc";
    var str3 = 'abc';

    //length
    // alert(str3.length);

    // trim():去除字串前後兩端的空白字元

    var str4 = '  abc   ';

    alert(1 + str4.trim() + 1);

</script>
</body>
</html>
三 自定義物件
點選檢視程式碼 
var 物件名稱={
              屬性名稱1:屬性1,
              屬性名稱1:屬性1,
              ...
              函式名稱:function(形參列表){}
              ...
              };
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var person = {
        name : "zhangsan",
        age : 23,
        eat: function (){
            alert("乾飯~");
        }
    };

    alert(person.name);
    alert(person.age);

    person.eat();
</script>
</body>
</html>

相關文章