進階JavaScript Array小教學例子 | 腦爸打有限公司

進階JavaScript Array小教學例子


網頁設計、網站製作 專家!

Compbrother 腦爸打 @ 網頁設計、網站製作 小知識教學: 進階JavaScript Array小教學例子

文章發佈日期: 2022-03-08

小知識教學類型: 網頁設計、網站製作

前文基礎篇,我們從基本的簡介和功能function介紹了JavaScript Array,今次我們嘗試更進一步,繼續由淺入深去了解JavaScript Array更多的用處,為網頁程式編寫員進補精華雞湯。

Array中的項目排序:
Array.sort(): 把Array中的項目按英文字母順序排列
Array.reverse(): 把Array中的項目逆向倒轉排列
Array.sort(function(a, b){return a - b}): 把Array中的項目按數值由小至大排列
Array.sort(function(a, b){return b - a}): 把Array中的項目按數值由大至小排列
同樣的原理,若果Array項目是Object, 亦可透過 Array.sort(function(a, b){return a.Object - b.Object}); 來做sorting排序
Math.min.apply(null, Array): 找尋Array中最細的數值項目
Math.max.apply(null, Array): 找尋Array中最大的數值項目

Array的迴旋迴圈功能:
Array.forEach(): 迴旋出Array中的每一個項目
Array.filter(): 把原先的Array在某條件式定義下建立出一個新Array
Array.reduce(): 把原先的Array項目生成(縮減成)一個單一的值,由左至右行進
Array.reduceRight(): 把原先的Array項目生成(縮減成)一個單一的值,由右至左行進
Array.every(): 檢測Array中的每一個項目是否都能達成某條件要求
Array.some(): 檢測Array中的某些項目是否能達成某條件要求
Array.indexOf([Value]): 搜尋Array中的項目是否包含[Value],若果有,會回報第一次出現在Array中所在的位置
Array.lastIndexOf([Value]): 搜尋Array中的項目是否包含[Value],若果有,會回報最後一次出現在Array中所在的位置
Array.find(): 檢測Array中的項目是否能達成某條件要求,若果有,會回報第一個能達成條件的項目
Array.findIndex(): 檢測Array中的項目是否能達成某條件要求,若果有,會回報第一個出現在Array中所在的位置
Array.includes([Value]): 檢測Array中的項目是否包含[Value]



如需協助 「網頁設計、網站製作」 ,歡迎立即 聯絡我們!



立即聯絡我們



Send a Message

Sed diam nonummy nibh euismod tincidunt ut laoreet dolore magnais.