JavaScript基礎——使用陣列

whisperrr發表於2021-08-17

  Array物件提供儲存和處理一組其他物件的一種手段。陣列可以儲存數值、字串或其他JavaScript物件。建立JavaScript陣列有幾種不同的方法。例如,下面的語句穿件同樣的駐足的3個相同的版本:

  var arr = ["one","two","three"];

  var arr2 = new Array();

  arr2[0] = "one";

  arr2[1] = "two";

  arr2[2] = "three";

  arr3.push("one");

  arr3.push("two");

  arr3.push("three");

  第一種方法定義了arr,並使用[]在一條語句中設定它的內容。第二種方法建立arr2物件,然後使用直接索引賦值來增加條目。第三種方法建立arr3物件,然後使用擴充套件陣列的最佳選擇push()方法來把條目推到陣列上。

  要確定陣列中元素的個數,可以使用陣列物件的length屬性,如下面的例子所示:

  var numOfItems = arr.length;

  陣列遵循一個從零開始的索引,這意味著第一項在索引0上,等等。例如,在下面的程式碼中,變數first的值是Monday,變數last的值將是Friday:

  var

  week = ["Mondy","Tuesday","Wednesday","Thursday","Friday"];

  var first = w [0];

  var last = week[week.length-1];

  陣列物件有許多內建的函式,使你可以用不同的方式來訪問和運算元組。下表描述了連線到Array物件,讓你運算元組內容的方法。

  用來操作Array物件的方法

  方 法說 明

  concat(arr1,arr2,...)返回一個陣列和作為引數傳遞的陣列的連線副本

  indexOf(value)返回陣列中value的第一個索引。或如果沒有找到該條目,返回-1

  join(separator)把一個陣列中的所有元素連線為由separator分隔的單個字串。如果沒有指定分隔符,則使用逗號作為分隔符

  lastIndexOf(value)返回陣列中value的最後一個索引。或如果沒有找到該條目,返回-1

  pop()刪除陣列的最後一個元素,並返回該元素

  push(item1,item2,...)新增一個或多個新元素到陣列的結尾,並返回陣列的新長度

  reverse()反轉陣列中所有元素的順序

  shift()刪除陣列的第一個元素,並返回該元素

  slice(start,end)返回start和end索引之間的元素

  sort(sortFunction)對陣列的元素排序。sortFunction是可選的

  splice(index,count,item1,item2...)在index指定的索引處,刪除count個條目,然後在index出插入作為引數傳入的任意可選條目

  toString()返回一個陣列的字串形式

  unshift()將新元素新增到陣列的開頭,並返回新的長度

  valueOf()方法返回一個陣列物件的原始值

  1、合併陣列

  你可以用合併String物件的相同方式來合併陣列:使用+語句或使用concat()方法。在下面的程式碼中,arr3最終和arr4是一樣的:

  var arr1 = [1,2,3]; 大連無痛人流醫院  

  var arr2 = ["one","two","three"];

  var arr3 = arr1 + arr2;

  var arr4 = arr1.concat(arr2);

  注意

  你可以將一個數字陣列和一個字串陣列合並。陣列中的每一項都將保持自己的物件型別。然而,當你使用陣列中的條目時,需要對有多個資料型別的陣列保持跟蹤,這樣你才不會陷入麻煩。

  2、遍歷陣列

  你可以使用for或for/in迴圈對陣列進行遍歷。下面的程式碼說明了使用每種方法再陣列中遍歷每個條目的寫法:

  var week = ["Monday","Tuesday","Wednesday","Thursday","Friday"];

  for ( var i = 0; i

  console.log("

  " + week[i] + "

  ");

  }

  for (dayIndex in week){

  console.log("

  " + week[dayIndex] + "

  ");

  }

  3、將陣列轉換為字串

  Array物件的一個非常有用的功能是,將一個陣列的元素結合在一起,製造一個String物件,透過使用join()方法指定分隔符分隔。例如,下面的程式碼把時間元件重新連線成12:10:36的格式:

  var timeArr = [12,10,36]

  var timeStr = timeArr.join(":");

  4、檢查陣列是否包含某個條目

  你經常需要檢查陣列中是否包含某一個條目。可以使用indexOf()方法做到這一點。如果程式碼沒有找到列表中的條目,則返回-1。如果一個條目在week陣列中,下面的函式就把一條訊息寫到控制檯:

  function message(day){

  var week = ["Monday","Tuesday","Wednesday","Thursday","Friday"];

  if (week.indexOf(day) != -1){

  console.log("Happy" + day);

  }

  }

  5、在陣列中新增條目和刪除條目

  使用各種內建的方法,有多種往Array物件新增條目,並從Array物件刪除條目的方法。下表列出了一些在本書中使用的不同方法。

  用來在陣列新增或刪除元素的Array物件方法,陣列顯示為從表開始到末尾的進度


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70005147/viewspace-2787363/,如需轉載,請註明出處,否則將追究法律責任。

相關文章