首頁 web前端 js教程 整理Javascript陣列學習筆記_javascript技巧

整理Javascript陣列學習筆記_javascript技巧

May 16, 2016 pm 03:28 PM
javascript 陣列

1、什麼是陣列
陣列是一個值的集合,每個值都有一個索引號,從0開始,每個索引都有一個對應的值,根據需要增加更多數值。

 <script type="text/javascript">
  var myarr=new Array(); //定义数组
  myarr[0]=80; 
  myarr[1]=60;
  myarr[2]=99;
  document.write("第一个人的成绩是:"+myarr[0]);
  document.write("第二个人的成绩是:"+myarr[1]);
  document.write("第三个人的成绩是:"+myarr[2]);
 </script>
登入後複製

2、組團,並給團取個名(如何建立陣列)
使用陣列之前首先要創建,而且需要把數組本身賦至一個變數。
建立數組語法:

var myarray=new Array();//语句是创建一个新数组存储在myarray变量中
var myarray保存数组的变量
new Array();创建一个新的空数组
登入後複製

我們建立數組的同時,也可以為數組指定長度,長度可任意指定。

複製程式碼 程式碼如下:
var myarray= new Array(8); //建立數組,儲存8個資料。

注意:
1).建立的新數組是空數組,沒有值,如輸出,則顯示undefined。
2).雖然創建數組時,指定了長度,但實際上數組都是變長的,也就是說即使指定了長度為8,仍然可以將元素存儲在規定長度以外。

 3、陣列賦值
第一步:組個巴士
第二步:依票對號入座
大巴士的1號座位是張三
大巴士的2號座位是李四
陣列表達方式:
第一步:建立數組var myarr=new Array();
第二步:賦值數組
myarr[1]=" 張三";
myarr[2]=" 李四";
建立一個數組,用於儲存5個人的數學成績:

var myarray=new Array(); //创建一个新的空数组
myarray[0]=66; //存储第1个人的成绩
myarray[1]=80; //存储第2个人的成绩
myarray[2]=90; //存储第3个人的成绩
myarray[3]=77; //存储第4个人的成绩
myarray[4]=59; //存储第5个人的成绩
登入後複製

注意:陣列每個值有一個索引號,從0開始。
第一種方法:

複製程式碼 程式碼如下:
var myarray = new Array(66,80,90,77,59); /建立數組同時可以賦值

第二種方法:
複製程式碼 程式碼如下:
var myarray = new Array[66,80,90,77,59]; /直接輸入一個陣列(稱為「字面量數組」)

4、增加一個新元素
只需使用下一個未使用的索引,任何時刻可以不斷向數組增加新元素。
myarray[5]=88; //使用新索引,為陣列增加一個新元素 

5、使用陣列元素
要得到一個數組元素的值,只需引用數組變數並提供索引,如:
第一個人的成績表示方法:myarray[0]
第三個人的成績表示方法: myarray[2]

<script language="javascript">
 var myarr=new Array();
  myarr[0]="小红";
  myarr[1]="小明";
  myarr[2]="小亮";
  myarr[3]="小川";
  document.write("第二人的姓名是:"+ myarr[1] );
</script>
登入後複製

6、了解成員數量(陣列屬性length)
Length屬性表示陣列的長度,即陣列中元素的數量。

複製程式碼 程式碼如下:
myarray.length; //取得陣列myarray的長度

注意:因為陣列的索引總是由0開始,所以一個陣列的上下限分別是:0和length-1。如數組的長度是5,數組的上下限分別是0和4。

 var arr=[55,32,5,90,60,98,76,54];//包含8个数值的数组arr 
 document.write(arr.length); //显示数组长度8
 document.write(arr[7]); //显示第8个元素的值54
登入後複製

同時,JavaScript數組的length屬性是可變的,這一點需要特別注意。

arr.length=10; //增大数组的长度
document.write(arr.length); //数组长度已经变为10
登入後複製

陣列隨元素的增加,長度也會改變,如下:

var arr=[98,76,54,56,76]; // 包含5个数值的数组
document.write(arr.length); //显示数组的长度5
arr[15]=34; //增加元素,使用索引为15,赋值为34
alert(arr.length); //显示数组的长度16
登入後複製

7、二維陣列
一維數組,我們看成一組盒子,每個盒子只能放一個內容。
一維數組的表示: myarray[ ]
二維數組,我們看成一組盒子,但每個盒子裡還可以放多個盒子。
二維數組的表示: myarray[ ][ ]
注意: 二維數組的兩個維度的索引值也是從0開始,兩個維度的最後一個索引值為長度-1。
1). 二維陣列的定義方法一

var myarr=new Array(); //先声明一维 
for(var i=0;i<2;i++){ //一维长度为2
  myarr[i]=new Array(); //再声明二维 
  for(var j=0;j<3;j++){ //二维长度为3
   myarr[i][j]=i+j; // 赋值,每个数组元素的值为i+j
  }
 }
登入後複製

2). 二維陣列的定義方法二

複製代碼 代碼如下:
 var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3 , ]]

3). 賦值
複製程式碼 程式碼如下:
myarr[0][1]=5; //將5的值傳入到數組中,覆蓋原有值。

說明: myarr[0][1] ,0 表示表格的行,1表示表格的列。

以上就是關於Javascript陣列的全部內容,是對Javascript陣列的進一步學習,希望大家喜歡。

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

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何使用 foreach 迴圈移除 PHP 陣列中的重複元素? 如何使用 foreach 迴圈移除 PHP 陣列中的重複元素? Apr 27, 2024 am 11:33 AM

使用foreach循環移除PHP數組中重複元素的方法如下:遍歷數組,若元素已存在且當前位置不是第一個出現的位置,則刪除它。舉例而言,若資料庫查詢結果有重複記錄,可使用此方法移除,得到不含重複記錄的結果。

PHP數組深度複製的藝術:使用不同方法完美複製 PHP數組深度複製的藝術:使用不同方法完美複製 May 01, 2024 pm 12:30 PM

PHP中深度複製數組的方法包括:使用json_decode和json_encode進行JSON編碼和解碼。使用array_map和clone進行深度複製鍵和值的副本。使用serialize和unserialize進行序列化和反序列化。

PHP 陣列鍵值翻轉:不同方法的效能比較分析 PHP 陣列鍵值翻轉:不同方法的效能比較分析 May 03, 2024 pm 09:03 PM

PHP數組鍵值翻轉方法效能比較顯示:array_flip()函數在大型數組(超過100萬個元素)下比for迴圈效能更優,耗時更短。手動翻轉鍵值的for迴圈方法耗時相對較長。

PHP數組多維排序實戰:從簡單到複雜場景 PHP數組多維排序實戰:從簡單到複雜場景 Apr 29, 2024 pm 09:12 PM

多維數組排序可分為單列排序和嵌套排序。單列排序可使用array_multisort()函數依列排序;巢狀排序需要遞歸函數遍歷陣列並排序。實戰案例包括按產品名稱排序和按銷售量和價格複合排序。

深度複製PHP數組的最佳實踐:探索高效的方法 深度複製PHP數組的最佳實踐:探索高效的方法 Apr 30, 2024 pm 03:42 PM

在PHP中執行陣列深度複製的最佳實踐是:使用json_decode(json_encode($arr))將陣列轉換為JSON字串,然後再轉換回陣列。使用unserialize(serialize($arr))將陣列序列化為字串,然後將其反序列化為新陣列。使用RecursiveIteratorIterator迭代器對多維數組進行遞歸遍歷。

PHP 數組分組函數在資料整理的應用 PHP 數組分組函數在資料整理的應用 May 04, 2024 pm 01:03 PM

PHP的array_group_by函數可依鍵或閉包函數將陣列中的元素分組,傳回關聯數組,其中鍵為組名,值是屬於該組的元素數組。

PHP 陣列分組函數在尋找重複元素中的作用 PHP 陣列分組函數在尋找重複元素中的作用 May 05, 2024 am 09:21 AM

PHP的array_group()函數可用來按指定鍵對陣列進行分組,以尋找重複元素。函數透過以下步驟運作:使用key_callback指定分組鍵。可選地使用value_callback確定分組值。對分組元素進行計數並識別重複項。因此,array_group()函數對於尋找和處理重複元素非常有用。

PHP 數組合併去重演算法:平行的解決方案 PHP 數組合併去重演算法:平行的解決方案 Apr 18, 2024 pm 02:30 PM

PHP數組合併去重演算法提供了平行的解決方案,將原始陣列分成小塊並行處理,主進程合併區塊的結果去重。演算法步驟:分割原始數組為均等分​​配的小塊。並行處理每個區塊去重。合併區塊結果並再次去重。

See all articles