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();创建一个新的空数组
我們建立數組的同時,也可以為數組指定長度,長度可任意指定。
注意:
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開始。
第一種方法:
第二種方法:
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屬性表示陣列的長度,即陣列中元素的數量。
注意:因為陣列的索引總是由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). 二維陣列的定義方法二
3). 賦值
說明: myarr[0][1] ,0 表示表格的行,1表示表格的列。
以上就是關於Javascript陣列的全部內容,是對Javascript陣列的進一步學習,希望大家喜歡。

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

foreach不是es6的方法。foreach是es3中一个遍历数组的方法,可以调用数组的每个元素,并将元素传给回调函数进行处理,语法“array.forEach(function(当前元素,索引,数组){...})”;该方法不处理空数组。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。


熱AI工具

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

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

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

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

MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

Atom編輯器mac版下載
最受歡迎的的開源編輯器

Dreamweaver CS6
視覺化網頁開發工具

VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器