欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript數組的使用詳解

 更新時間:2022年07月20日 10:44:57   作者:Flyme awei  
這篇文章主要介紹了JavaScript數組的使用方法,數組(Array)是有序的元素序列。若將有限個類型相同的變量的集合命名,那么這個名稱為數組名,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧

一、數組的創(chuàng)建

第一種:

var 數組名 = new Array();創(chuàng)建一個空數組

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			var arr=new Array();
			console.log(arr)//以日志形式打印到瀏覽器控制臺
		</script>
	</head>
	<body>
	</body>
</html>

第二種:

var arr2 = new Array(10);創(chuàng)建一個定長為10的數組

<!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)建時直接指定元素值

<!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"];相當于第三種的簡寫

<!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>

二、數組的元素和長度

<!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>

控制臺

1.通過修改length屬性來改變數組長度的。

2.通過索引改變數組長度。

三、數組的遍歷

1.普通for循環(huán)遍歷數組

!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遍歷數組

js中的for each寫法:for( var i in 數組)i不是元素,是索引

四、數組的常用方法

1.查詢元素索引

2.合并兩個數組

3.合并多個數組

4.合并字符串

5.刪除數組最后一個元素

6.在數組結尾添加元素

7.反轉數組

8.刪除數組第一個元素

9.向第一個位置添加元素

10.截取子數組

11.刪除數組中的某些元素

<!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);//查詢元素索引的方法
			console.log(index);
			//合并兩個數組
			var hege = ["Cecilie","Lone"];
			var stale = ["Email","Tobias","Linus"];
			var childer = hege.concat(stale);
			console.log(childer);
			//合并三個數組
			var family = hege.concat(stale,childer);
			console.log(family);
			//合并字符串
			var fruits = ["Banana","Orange","Apple"];
			var fs = fruits.join();
			console.log(fs);
			//刪除數組的最后一個元素
			fruits.pop();
			console.log(fruits);
			//在數組結尾增加元素
			fruits.push("Grape");
			console.log(fruits);
			//翻轉數組
			fruits.reverse();
			console.log(fruits);
			//刪除數組第一個元素
			var ss = fruits.shift();
			console.log(fruits);
			console.log(ss);
			//向第一個位置添加元素
			fruits.unshift("Per");
			console.log(fruits);
			//截取子數組;
			//從三開始,到六結束
			fruits.slice(3,6);
			console.log(fruits);
			//刪除數組中某些元素
			//從2開始,刪除5個
			numbers = [1,2,3,4,5,6,7,8,9]
			numbers.splice(2,5);
			console.log(numbers);	
			//如果第二個元素是0,那么就變成在指定索引位置添加元素
			numbers.splice(2,0,100);
			console.log(numbers);
	</script>
	</head>
	<body>
	</body>
</html>

到此這篇關于JavaScript數組的使用詳解的文章就介紹到這了,更多相關JS數組內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

最新評論