DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 8.3 數組元素的賦值與獲取
8.3 數組元素的賦值與獲取
編輯:JavaScript基礎知識     

一、數組元素的賦值

對數組元素賦值共有2種方法:

  • (1)在創建Array對象時直接賦值;
  • (2)利用Array對象的元素下標對數組進行賦值;

其實這兩種方式我們在前兩節都已經接觸過了,這裡我給大家系統總結一下:

1、在創建Array對象時直接賦值

這種方式,我們已經在“創建數組對象Array”這一節接觸過了。

語法:

var 數組名 = new Array(元素1,元素2,…,元素n);

舉例:

在線測試
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        //創建數組的同時對元素賦值
        var arr=new Array("html","css","javascript");
        document.write(arr.length);
    </script>
</head>
<body>
</body>
</html>

在浏覽器預覽效果如下:

2、利用Array對象的元素下標對數組進行賦值

這個方法可以隨時向Array對象中輸入元素值,或者是修改數組中的任意元素值。

語法:

 
var 數組名 = new Array();
數組名[0] = 元素1;
數組名[1] = 元素2;
……
數組名[n] = 元素(n-1);

舉例:

在線測試
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        //創建數組
        var arr=new Array();
        //通過下標對數組元素賦值
        arr[0] = "html";
        arr[1] = "css";
        arr[2] = "javascript";
        //修改arr[0](即第1個元素)的值
        arr[0] = " 學習網";
        document.write(arr[0]);
    </script>
</head>
<body>
</body>
</html>

在浏覽器預覽效果如下:

二、數組元素的獲取

在JavaScript種獲取數組某一項的值都是通過數組元素的下標來獲取。

舉例:

在線測試
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        //創建數組
        var arr=new Array("中國","廣東","廣州","天河","暨大");
        document.write(arr[4]);
    </script>
</head>
<body>
</body>
</html>

在浏覽器預覽效果如下:

舉例2:

在線測試
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        //創建數組
        var arr=new Array("中國","廣東","廣州","天河","暨大");
        //利用for循環獲取所有數組元素
        for(var i=0;i<arr.length;i++)
        {
            document.write(arr[i] + "<br/>");
        }
    </script>
</head>
<body>
</body>
</html>

在浏覽器預覽效果如下:

分析:

其中arr.length表示獲取數組arr的長度。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved