?? 作者: 阿偉
?? 個(gè)人主頁(yè): Flyme awei?? 希望大家多多支持??一起進(jìn)步呀！
?? 文章對(duì)你有幫助??關(guān)注?點(diǎn)贊??收藏??
JavaScript數(shù)組的使用
一、數(shù)組的創(chuàng)建
第一種:var 數(shù)組名 = new Array();創(chuàng)建一個(gè)空數(shù)組
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
var arr=new Array();
console.log(arr)//打印到瀏覽器控制臺(tái)
</script>
</head>
<body>
</body>
</html>
第二種:var arr2 = new Array(10);創(chuàng)建一個(gè)定長(zhǎng)為10的數(shù)組
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
var arr2 = new Array(10);
arr2[0]="h";
arr2[9]="l"
console.log(arr2)
</script>
</head>
<body>
</body>
</html>
第三種var arr3 = new Array(a,b,c);創(chuàng)建時(shí)直接指定元素值
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
var arr3 = new Array("hello","world","JavaScript",10,true)
console.log(arr3)
</script>
</head>
<body>
</body>
</html>
第四種var arr4 = ["hello","world","Flyme awei"];相當(dāng)于第三種的簡(jiǎn)寫
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
var arr4 = ["hello","world","Flyme awei"]
console.log(arr4)
</script>
</head>
<body>
</body>
</html>
二、數(shù)組的元素和長(zhǎng)度
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var arr = [1,2,3,4,5];
console.log(arr);
console.log(arr[0]);
console.log(arr.length)
</script>
</head>
<body>
</body>
</html>
控制臺(tái)
1.通過(guò)修改length屬性來(lái)改變數(shù)組長(zhǎng)度的。
2.通過(guò)索引改變數(shù)組長(zhǎng)度。
三、數(shù)組的遍歷
1.普通for循環(huán)遍歷數(shù)組
!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
var arr = [0,1,2,3,4,5,6,7,8,9];
for(var i=0;i<=arr.length;i++){
console.log(i)
}
</script>
</head>
<body>
</body>
</html>
2.for each遍歷數(shù)組
js中的for each寫法：for( var i in 數(shù)組)i不是元素，是索引
四、數(shù)組的常用方法
1.查詢?cè)厮饕?br> 2.合并兩個(gè)數(shù)組
3.合并多個(gè)數(shù)組
4.合并字符串
5.刪除數(shù)組最后一個(gè)元素
6.在數(shù)組結(jié)尾添加元素
7.反轉(zhuǎn)數(shù)組
8.刪除數(shù)組第一個(gè)元素
9.向第一個(gè)位置添加元素
10.截取子數(shù)組
11.刪除數(shù)組中的某些元素文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-402991.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var arr = [0,1,2,3,4,5,6,7,8,9];
var index = arr.indexOf(7);//查詢?cè)厮饕姆椒?/span>
console.log(index);
//合并兩個(gè)數(shù)組
var hege = ["Cecilie","Lone"];
var stale = ["Email","Tobias","Linus"];
var childer = hege.concat(stale);
console.log(childer);
//合并三個(gè)數(shù)組
var family = hege.concat(stale,childer);
console.log(family);
//合并字符串
var fruits = ["Banana","Orange","Apple"];
var fs = fruits.join();
console.log(fs);
//刪除數(shù)組的最后一個(gè)元素
fruits.pop();
console.log(fruits);
//在數(shù)組結(jié)尾增加元素
fruits.push("Grape");
console.log(fruits);
//翻轉(zhuǎn)數(shù)組
fruits.reverse();
console.log(fruits);
//刪除數(shù)組第一個(gè)元素
var ss = fruits.shift();
console.log(fruits);
console.log(ss);
//向第一個(gè)位置添加元素
fruits.unshift("Per");
console.log(fruits);
//截取子數(shù)組;
//從三開始，到六結(jié)束
fruits.slice(3,6);
console.log(fruits);
//刪除數(shù)組中某些元素
//從2開始，刪除5個(gè)
numbers = [1,2,3,4,5,6,7,8,9]
numbers.splice(2,5);
console.log(numbers);
//如果第二個(gè)元素是0，那么就變成在指定索引位置添加元素
numbers.splice(2,0,100);
console.log(numbers);
</script>
</head>
<body>
</body>
</html>
好啦，文章到這里就結(jié)束啦！
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-402991.html
到了這里，關(guān)于【前端靈魂腳本語(yǔ)言JavaScript⑤】——JS中數(shù)組的使用的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
