首頁  >  文章  >  web前端  >  JavaScript中Array物件的用法有哪些

JavaScript中Array物件的用法有哪些

不言
不言原創
2018-12-13 15:46:182383瀏覽

我們在上一篇文章JavaScript中的JavaScript中JavaScript中JavaScript中Array物件的用法有哪些物件的用法有哪些物件的用法有哪些物件如何使用中已經介紹了有關於JavaScript中JavaScript中JavaScript中Array物件的用法有哪些物件的用法有哪些物件的用法有哪些物件的屬性和方法的用法,接下來的這篇文章我們就來看看JavaScript中JavaScript中JavaScript中Array物件的用法有哪些物件的用法有哪些物件的用法有哪些物件還有哪些用法。

JavaScript中JavaScript中JavaScript中Array物件的用法有哪些物件的用法有哪些物件的用法有哪些

我們先來看一個範例

#程式碼如下

<!DOCTYPE html>
<html>
  <head>
   <meta charset="utf-8">
    <title>JavaScript</title>
  </head>
  <body>
    <script>
      var family= new JavaScript中JavaScript中JavaScript中Array物件的用法有哪些物件的用法有哪些物件的用法有哪些("Tom", "Jerry", "Soucy");
      console.log(family);
    </script>
  </body>
</html>

下面我們就根據這個範例來介紹JavaScript中JavaScript中JavaScript中Array物件的用法有哪些物件的用法有哪些物件的用法有哪些物件的一些用法

刪除數組末尾的元素

#程式碼如下

<script>
      var family= new JavaScript中JavaScript中JavaScript中Array物件的用法有哪些物件的用法有哪些物件的用法有哪些("Tom", "Jerry", "Soucy");
      var last = family.pop();
      console.log(family);
    </script>

運行結果如下

JavaScript中JavaScript中JavaScript中Array物件的用法有哪些物件的用法有哪些物件的用法有哪些


JavaScript中JavaScript中JavaScript中Array物件的用法有哪些物件的用法有哪些物件的用法有哪些


JavaScript中Array物件的用法有哪些

##將元素加入數組的開頭
#程式碼如下

<script>
      var family= new JavaScript中JavaScript中JavaScript中Array物件的用法有哪些物件的用法有哪些物件的用法有哪些("Tom", "Jerry", "Soucy");
      var newLength = family.unshift("Zero");
      console.log(family);
    </script>

運行結果如下

JavaScript中Array物件的用法有哪些

取得元素的下標

程式碼如下

<script>
      var family= new JavaScript中JavaScript中JavaScript中Array物件的用法有哪些物件的用法有哪些物件的用法有哪些("Tom", "Jerry", "Soucy");
      var ban = family.indexOf("Soucy");
      console.log(ban);
    </script>

運行結果如下

JavaScript中Array物件的用法有哪些

從上述結果我們可以知道Soucy的下標值是2。

確定下標位置並刪除元素


程式碼如下

<script>
      var family= new JavaScript中JavaScript中JavaScript中Array物件的用法有哪些物件的用法有哪些物件的用法有哪些("Tom", "Jerry", "Soucy");
      var removedFamily = family.splice(0,1);
      console.log(family);
    </script>

運行效果如下

複製一個陣列

JavaScript中Array物件的用法有哪些

程式碼如下

  <script>
      var family= new JavaScript中JavaScript中JavaScript中Array物件的用法有哪些物件的用法有哪些物件的用法有哪些("Tom", "Jerry", "Soucy");
      var FamilyCopied= new JavaScript中JavaScript中JavaScript中Array物件的用法有哪些物件的用法有哪些物件的用法有哪些("Tom", "Jerry", "Soucy");
      console.log(FamilyCopied);
    </script>

運行效果如下


##定義一個空數組

空數組用來定義不包含任何內容的陣列。

程式碼如下

//定义一个空数组
var family = new JavaScript中JavaScript中JavaScript中Array物件的用法有哪些物件的用法有哪些物件的用法有哪些();
msgJavaScript中JavaScript中JavaScript中Array物件的用法有哪些物件的用法有哪些物件的用法有哪些[0] = "Tom";
msgJavaScript中JavaScript中JavaScript中Array物件的用法有哪些物件的用法有哪些物件的用法有哪些[99] = "100Tom";
if (family.length==100) {
 console.log("数组的长度为100");
}

刪除JavaScript中JavaScript中JavaScript中Array物件的用法有哪些物件的用法有哪些物件的用法有哪些物件的任何部分

JavaScript中Array物件的用法有哪些

var array=["A","B","C","D","E","F"]
delete array[1];
delete array[5];
console.log(array)

運行效果如下

注意:這裡雖然刪除了兩個元素但是數組長度不變,splice刪除元素,數組長度是會相應的改變的,數組的下標也會相應改變的。 JavaScript中Array物件的用法有哪些

多維數組的建立

多維數組是組合兩種或更多種類型元素的陣列。

JavaScript不提供多維數組的方法,但可以透過在陣列中再建立一個陣列來實現多維數組。

我們來看下面的圖片#########一維陣列######################二維陣列## ################我們來看具體的範例###
var array = [
  [1,2,3],
  [4,5,6],
  [7,8,9]
];
var array1 = array[2];
###在名為array1的變數中,將指派array陣列中第二個元素中包含的值[7,8,9]############### ###

以上是JavaScript中Array物件的用法有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn