ap函數

map 作用是生成一個新數組，遍歷原數組，將每個元素拿出來做一些變換然后放入到新的數組中。

[1, 2, 3].map( v => v + 1 ) 

另外 map 的回調函數接受三個參數，分別是當前索引元素，索引，原數組

['1','2','3'].map(parseInt)

1. 第一輪遍歷 parseInt('1', 0) -> 1
2. 第二輪遍歷 parseInt('2', 1) -> NaN
3. 第三輪遍歷 parseInt('3', 2) -> NaN

filter函數

filter 的作用也是生成一個新數組，在遍歷數組的時候將返回值為 true 的元素放入新數組，我們可以利用這個函數刪除一些不需要的元素

let array = [1, 2, 4, 6]
let newArray = array.filter(item => item !== 6)
console.log(newArray) 

和 map 一樣，filter 的回調函數也接受三個參數，用處也相同。

reduce函數

reduce可以將數組中的元素通過回調函數最終轉換為一個值。

如果我們想實現一個功能將函數里的元素全部相加得到一個值，可能會這樣寫代碼

const arr = [1, 2, 3]
let total = 0
for (let i = 0; i < arr.length; i++) {
total += arr[i]
}
console.log(total) // 6

但是如果我們使用 reduce 的話就可以將遍歷部分的代碼優化為一行代碼

const arr = [1, 2, 3]
const sum = arr.reduce((acc, current) => acc + current, 0)
console.log(sum)

對于 reduce 來說，它接受兩個參數，分別是回調函數和初始值，接下來我們來分解上述代碼中 reduce 的過程:

1. 首先初始值為 0，該值會在執行第一次回調函數時作為第一個參數傳入
2. 回調函數接受四個參數，分別為累計值、當前元素、當前索引、原數組，后三者想必大家都可以明白作用，這里著重分析第一個參數
3. 在一次執行回調函數時，當前值和初始值相加得出結果 1，該結果會在第二次執行回調函數時當做第一個參數傳入
4. 在第二次執行回調函數時，相加的值就分別是 1 和 2，以此類推，循環結束后得到結果 6

想必通過以上的解析大家應該明白 reduce 是如何通過回調函數將所有元素最終轉換為一個值的，當然 reduce 還可以實現很多功能.

通過 reduce 來實現 map 函數

站地圖：提高搜索引擎對網站內容的抓取效率；

xml地圖：sitemap.xml站點地圖協議文件；

html地圖：列出網站中大量鏈接的網頁地圖

網站所有網頁中存在網站地圖鏈接；

網站地圖制作：

利用第三方軟件制作：小爬蟲、老虎sitemap生成器等；

利用軟件制作出網站地圖文件；

把制作好的網站地圖文件上傳到FTP空間根目錄；

在網站每個網頁上添加地圖鏈接；

定期使用軟件制作最新的網站地圖文件，并上傳到FTP空間覆蓋舊的網站地圖文件；

網站程序自帶生成網站地圖的功能；

DEDECMS制作網站地圖：

1.HTML地圖制作：

①制作一個模板文件(allmap.htm)，并上傳到模板文件夾中；

②核心-頻道模型-自由列表管理-增加列表；

2.XML地圖制作：上傳安裝1個xml地圖生成器；

3.網站所有網頁添加地圖鏈接：在footer.htm添加以下鏈接：

XML地圖

HTML地圖

站內鏈接結構：網站內部網頁(首頁/欄目頁/文章頁)相互之間的鏈接關系；影響搜索引擎對網站內部網頁的抓取效率；

縮短網站首頁與內部網頁的鏈接距離；

1.網站導航設計：必須展現出所有欄目鏈接(包括子欄目)；

頂部導航：重點考慮用戶瀏覽；

側邊導航：左側產品導航等；

底部導航：

面包屑導航：內部網頁的當前位置；

2.鏈接列表設計(能持續更新的資訊鏈接列表)

每個網頁至少有1個鏈接列表——增加站內鏈接；

能持續更新的鏈接列表——實現網頁更新；