JavaScript中Array物件的屬性與方法

Array物件:一個陣列變量,就是一個數組物件

#length屬性:動態取得數組長度。如:var len = arrObj.length


join()

  • 功能:將一個陣列轉成字串。傳回一個字串。

  • 語法:arrObj.join(連接號)

  • #說明:將一個數組,用指定的「連接號」連接成一個字符串。

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
           //将以下字符串转成数组, 然后再转成字符串
           var str = "北京,上海,深圳,南京,合肥";  
           //转成数组
           var arr=str.split(",");
           //再转换成字符串
           str = arr.join(",") ;
           document.write("类型是:"+typeof(str)+",字符串为:"+str);
        </script>
    </head>
    <body>
    </body>
</html>


#reverse()

  • ##reverse()
  • ##功能:將陣列中各元素顛倒順序。

語法:arrObj.reverse()


#參數:無

##

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
          var arr=[1,2,3,4,5,6,7,8];
          arr.reverse();
          document.write(arr);
        </script>
    </head>
    <body>
    </body>
</html>

  • #陣列元素的刪除與新增

  • #delete運算符,只能刪除數組元素的值,而所佔空間還在,總長度沒變(arr.length)。

  • 先前數組元素的添加,只能向後添加,不能向前添加。

  • <!DOCTYPE HTML>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <title>php.cn</title>
            <script>
                //使用delete删除元素,查看长度是否改变
                var arr=[1,2,3,4,5,6,7,8];
                document.write("数组的长度为"+arr.length+",值为"+arr+"<br/>");
                delete arr[0];
                delete arr[1];
                delete arr[2];
                document.write("数组的长度为"+arr.length+",值为"+arr+"<br/>");
            </script>
        </head>
        <body>
        </body>
    </html>
  • shift():刪除陣列中第一個元素,傳回刪除的那個值,並將長度減1。

  • pop():刪除陣列中最後一個元素,傳回刪除的那個值,並將長度減1。

  • <!DOCTYPE HTML>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <title>php.cn</title>
            <script>
                //使用delete删除元素,查看长度是否改变
                var arr=[1,2,3,4,5,6,7,8];
                document.write("数组的长度为"+arr.length+",值为"+arr+"<br/>");
                arr.shift();
                document.write("数组的长度为"+arr.length+",值为"+arr+"<br/>");
                arr.pop();
                document.write("数组的长度为"+arr.length+",值为"+arr+"<br/>");
            </script>
        </head>
        <body>
        </body>
    </html>
  • unshift():在陣列前面新增一個或多個陣列元素,長度要改變。 arrObj.unshift(“a” , “b” , “c”)

##########push():在陣列結尾時加上一個或多個陣列元素,長度要改變。 arrObj.push(“a” , “b” , “c”)############
<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
            //使用delete删除元素,查看长度是否改变
            var arr=[1,2,3,4,5,6,7,8];
            document.write("数组的长度为"+arr.length+",值为"+arr+"<br/>");
            arr.unshift(0);
            document.write("数组的长度为"+arr.length+",值为"+arr+"<br/>");
            arr.push(9);
            document.write("数组的长度为"+arr.length+",值为"+arr+"<br/>");
        </script>
    </head>
    <body>
    </body>
</html>
繼續學習
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script> //将以下字符串转成数组, 然后再转成字符串 var str = "北京,上海,深圳,南京,合肥"; //转成数组 var arr=str.split(","); //再转换成字符串 str = arr.join(",") ; document.write("类型是:"+typeof(str)+",字符串为:"+str); </script> </head> <body> </body> </html>