天天看點

JavaScript的數組常見方法以及數組疊代方法

JavaScript從基礎到進階

數組

數組就是一個連續的數組集合,根據下标/索引進行通路,下标從0開始起。

有三種方式可組成數組:

1.let arr=new Array[6]

2.let arr=[]

3.let arr=Array.of[]

周遊數組可以通過循環來完成,循環次數要小于數組長度,也可以運用疊代arr.forEach()來做

數組可以查找,增加,删除等操作,具體如下

<script>
		let arr=[11,22,33,44,22,33,55],arr1=[22]
		arr.push(10)//在數組的尾部添加一個元素 10 數組長度加1
		arr.pop()//在數組的尾部删除最後一個元素,數組長度減1
		arr.unshift(10)//在數組的開頭添加一個元素,數組長度加1
		arr.shift()//在數組的删除開bing頭第一個元素,數組長度減1
		arr.splice(1,2)//從數組下标為1開始,長度為2個元素,删除并傳回,(index,length)
		arr.slice(1,2)//傳回從數組下标為1開始,下标為2的結束(不包括)
		arr.reverse()//将數組驚醒反轉排列,改變原數組
		arr.indexOf(22)//将數組裡第一次出現22的下标傳回
		arr.lastIndexOf(22)//将數組裡最後一次出現22的下标傳回
		arr.includes(0)//查詢數組裡面有沒有0,有傳回boolean值true,否則傳回-1
		arr.sort()//将數組按照編碼排列
		arr.join(',')//将數組轉換字元串,以‘,’隔開
		arr.concat(arr1)//将數組arr1接到arr後面
	</script>
           

這樣可以快速的查詢查找,減少程式的代碼。

數組裡面通用疊代方法

<script>
		let arr=[11,22,33,66,33]
		let arr1=arr.map(function(items){
						return items*2
						})
		console.log(arr1)
		//map傳回一個由原數組每個元素執行回調函數的結果組成的新數組
		arr.forEach(function(items){
						console.log(items)
		})
		//forEach()跟for周遊一樣是将數組從頭到尾走一遍
		arr1=arr.every(function(items){
						return items>22
		})
		console.log(arr1)
		//every()有一個元素讓條件為false,則傳回false 。且剩餘的元素不會再進行檢測。
		arr1=arr.some(function(items){
						return items>22
		})
		//some()數組裡面有一個元素滿足傳回True
		arr1=arr1.filter(function(items){
						if(items>33)
						return items
		})
		comsloe.log(arr1)
		//傳回讓回調函數為true的元素組成的數組
		arr1=arr.find(function(items){
						return items>33
		})
		console.log(arr1)
		//傳回滿足條件的第一個元素的值。否則傳回 undefined
		let a=arr.findIndexOf(function(items){
						return items>33
		})
		console.log(a)
		//傳回滿足條件的第一個元素的下标。否則傳回 undefined
		let sum=arr.reduce(function(total,items){
						return total+=items
		},0)
		console.log(sum)
		//可以将數組進行累計
           

結合實際的情況可以快速的查找,類如模拟新增賬號時,需要查是否重複,已經被注冊了,可以選find()來完成,查找是不是有這一類型,可以用some()來做等等

繼續閱讀