# filter filter也是一個常用的操作，它用于把`Array`的某些元素過濾掉，然后返回剩下的元素。 和`map()`類似，`Array`的`filter()`也接收一個函數。和`map()`不同的是，`filter()`把傳入的函數依次作用于每個元素，然后根據返回值是`true`還是`false`決定保留還是丟棄該元素。 例如，在一個`Array`中，刪掉偶數，只保留奇數，可以這么寫： ~~~js var arr = [1, 2, 4, 5, 6, 9, 10, 15]; var r = arr.filter(function (x) { return x % 2 !== 0; }); r; // [1, 5, 9, 15] ~~~ 把一個`Array`中的空字符串刪掉，可以這么寫： ~~~ var arr = ['A', '', 'B', null, undefined, 'C', ' ']; var r = arr.filter(function (s) { return s && s.trim(); // 注意：IE9以下的版本沒有trim()方法 }); r; // ['A', 'B', 'C'] ~~~ 可見用`filter()`這個高階函數，關鍵在于正確實現一個“篩選”函數。 # 實踐 將標簽字符串轉換為標簽數組，支持多種分隔符號 * [ ] map * [ ] filter * [ ] Set * [ ] Array * [ ] 擴展運算符 * [ ] 正則表達式 * [ ] split * [ ] 箭頭函數 ```js /** * 將標簽字符串轉換為標簽數組，支持多種分隔符號 * @param {標簽自負換} tagString */ function createTags(tagString) { let newTag = tagString.trim(); // 匹配中文的和英文的逗號和分好作為分隔號，支持：,;#，； // 考慮英文但此間可能有空格，所以不能用空格間隔 const regex = /,|;|，|；|#/; let newTags = newTag.split(regex).map((val) => { return val.trim(); //去掉每個標簽的首尾空格 }).filter((s) => { //把一個Array中的空字符串刪掉 return s && s.trim(); // 注意：IE9以下的版本沒有trim()方法 }); let set = new Set(newTags); //標簽去重 //set.delete('');//去掉零長度字符串 return [...set] //輸出數組形式 } ```