溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

JavaScript數(shù)組怎么創(chuàng)建使用

發(fā)布時(shí)間：2022-08-16 17:55:06 來源：億速云 閱讀：107 作者：iii 欄目：開發(fā)技術(shù)

這篇文章主要介紹“JavaScript數(shù)組怎么創(chuàng)建使用”的相關(guān)知識(shí)，小編通過實(shí)際案例向大家展示操作過程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“JavaScript數(shù)組怎么創(chuàng)建使用”文章能幫助大家解決問題。

一、數(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>

JavaScript數(shù)組怎么創(chuàng)建使用

第二種:

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>

JavaScript數(shù)組怎么創(chuàng)建使用

第三種

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>

JavaScript數(shù)組怎么創(chuàng)建使用

第四種

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>

JavaScript數(shù)組怎么創(chuàng)建使用

二、數(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)

JavaScript數(shù)組怎么創(chuàng)建使用

1.通過修改length屬性來改變數(shù)組長(zhǎng)度的。

JavaScript數(shù)組怎么創(chuàng)建使用

JavaScript數(shù)組怎么創(chuàng)建使用

2.通過索引改變數(shù)組長(zhǎng)度。

JavaScript數(shù)組怎么創(chuàng)建使用

JavaScript數(shù)組怎么創(chuà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>

JavaScript數(shù)組怎么創(chuàng)建使用

2.for each遍歷數(shù)組

js中的for each寫法：for( var i in 數(shù)組)i不是元素，是索引

JavaScript數(shù)組怎么創(chuàng)建使用

JavaScript數(shù)組怎么創(chuàng)建使用

四、數(shù)組的常用方法

1.查詢?cè)厮饕?/p>

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ù)組中的某些元素

<!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è)厮饕姆椒?
			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>

JavaScript數(shù)組怎么創(chuàng)建使用

關(guān)于“JavaScript數(shù)組怎么創(chuàng)建使用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手