這篇文章主要介紹了Javascript基礎(chǔ)之?dāng)?shù)組的使用的相關(guān)資料，介紹的非常詳解，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧
Javascript 數(shù)組的工作方式與大多數(shù)編程語(yǔ)言的數(shù)組類(lèi)似。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>learn4Array</title>
</head>
<body>
<script type="text/javascript">
//創(chuàng)建和填充數(shù)組
var myArray = new Array();
myArray[0] = 100;
myArray[1] = "Luka";
myArray[2] = true;
</script>
</body>
</html>
創(chuàng)建數(shù)組的時(shí)候不需要聲明數(shù)組中元素的個(gè)數(shù)。 Javascript數(shù)組會(huì)自動(dòng)調(diào)整大小以便容納所有元素。
不必聲明數(shù)組所含數(shù)據(jù)的類(lèi)型。JavaScript數(shù)組可以混合包含各種數(shù)據(jù)的類(lèi)型 。
1. 使用數(shù)組字面量
使用字面量，可以在一條語(yǔ)句中創(chuàng)建和填充數(shù)組。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>learn4Array</title>
</head>
<body>
<script type="text/javascript">
var myArray = [100,"Luka",true];
</script>
</body>
</html>
此例通過(guò)在一對(duì)方括號(hào)（[ 和 ]）之間指定所需要數(shù)組元素的方法創(chuàng)建了一個(gè)新數(shù)組，并將其賦給變量 myArray 。
2. 讀取和修改數(shù)組內(nèi)容
要讀取指定索引位置的數(shù)組元素值，應(yīng)使用一對(duì)方括號(hào)（[ 和 ]）并將索引值放在方括號(hào)間。JavaScript數(shù)組的索引值從0開(kāi)始。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>learn4Array</title>
</head>
<body>
<script type="text/javascript">
var myArray = [100,"Luka",true];
//讀取指定索引位置的數(shù)組元素值
document.writeln("Index 0:"+myArray[0]+"<br />");
//修改數(shù)組
myArray[0] = "Monday";
document.writeln("Index 0:"+myArray[0]);
</script>
</body>
</html>
輸出結(jié)果：
Index 0:100
Index 0:Monday
3. 枚舉數(shù)組內(nèi)容
可以用 for 循環(huán)枚舉數(shù)組內(nèi)容。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>learn4Array</title>
</head>
<body>
<script type="text/javascript">
var myArray = [100,"Luka",true];
for(var i= 0;i < myArray.length;i++){
document.writeln("Index "+i+": "+myArray[i]+"<br />")
}
</script>
</body>
</html>
輸出結(jié)果：
Index 0: 100
Index 1: Luka
Index 2: true
3. 使用內(nèi)置的數(shù)組方法
Javascript 中的Array 對(duì)象定義了許多方法。下圖羅列了一些最常用的方法。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>learn4Array</title>
</head>
<body>
<script type="text/javascript">
var myArray1 = [100,"Luka"];
var myArray2 = [true];
//concat(<otherArray>)
var myArray = myArray1.concat(myArray2);
for(var i= 0;i < myArray.length;i++){
document.writeln("myArray["+i+"]: "+myArray[i]+"<br />")
}
document.writeln("<br />");
//join(<separator>)
var strArray = myArray.join('-');
document.writeln(strArray+"<br />");
document.writeln("<br />");
//pop()
myArray.pop();
document.writeln(myArray+"<br />");
document.writeln("<br />");
//push(<item>)
myArray.push("Hello Javascript",200);
document.writeln(myArray+"<br />");
document.writeln("<br />");
//reverse()
myArray = myArray.reverse();
document.writeln(myArray+"<br />");
document.writeln("<br />");
//shift()
myArray.shift();;
document.writeln(myArray+"<br />");
document.writeln("<br />");
//slice(<start>,<end>)
document.writeln( myArray.slice(1,3)+"<br />");
document.writeln( myArray.slice(0)+"<br />");
document.writeln("<br />");
//sort()
function sortNumber(a,b)
{
return b - a;
}
var myArray3 = ["George","John","Thomas","James","Adrew","Martin"];
var myArray4 = [10,5,40,25,1000,1];
document.writeln( myArray3.sort()+"<br />");
document.writeln( myArray4.sort()+"<br />");
//使用一個(gè)排序函數(shù),按照數(shù)值的大小對(duì)數(shù)字進(jìn)行排序
document.writeln( myArray4.sort(sortNumber)+"<br />");
document.writeln("<br />");
//unshift(<item>)
myArray.unshift(1,2);
document.writeln(myArray+"<br />");
</script>
</body>
</html>
輸出結(jié)果：
myArray[0]: 100
myArray[1]: Luka
myArray[2]: true
100-Luka-true
100,Luka
100,Luka,Hello Javascript,200
200,Hello Javascript,Luka,100
Hello Javascript,Luka,100
Luka,100
Hello Javascript,Luka,100
Adrew,George,James,John,Martin,Thomas
1,10,1000,25,40,5
1000,40,25,10,5,1
1,2,Hello Javascript,Luka,100
以上內(nèi)容是小編給大家介紹的Javascript基礎(chǔ)之?dāng)?shù)組的使用，希望對(duì)大家有所幫助！
公考類(lèi)
招聘類(lèi)
各類(lèi)考試
公眾號(hào)
事業(yè)單位
當(dāng)前位置：