一、實現一個filter函數，模擬原生的filter函數，filter（list,predicate）
遍歷list中的每個值，返回所有通過predicate真值檢測的元素所組成的數組
例：var events = filter([1,2,3,4,5,6],function(num){
return num %2 == 0;});
=>[2,4,6]
function filter(list,predicate) {
var list = []
var array = list.map(predicate)
array.forEach(function(ele,index){
if (Boolean(array[index] ) ==="true"){
console.log(array[index])
}
})
}
我寫的函數及運行結果：
存在問題：
1、沒有封裝，沒定義函數predicate，不具有通用性
2、執行map以后函數變成了真假值，輸不出原數組的值
3、array輸出3遍，第3遍才是正確的值
老師寫的代碼：
function find (list ,predicate){
let results = []
for(var index = 0;index<list.length;index++){
if(predicate(list[index],index,list)) //如果為真，調用函數
results.push(list[index]);
}
return results
}
或者，通過forEach遍歷
function full (list,predicate){
let result = []
list.forEach(function(element,index,list){
if(predicate(element))
result.push(element)
})
return result;
}
full([2,4,6,8,9],function(num){
return num %2 == 0;})
二、實現一個flatten函數，將一個嵌套多層的數組array（數組）（嵌套可以是任何層數）轉換為只有一層的數組，數組中元素僅基本類型的元素或數組，不存在循環引用的情況。EX：flatten：([1,[2],[3,[[4]]]]) => [1,2,3,4]
我寫的代碼：
function flatten(array){
var array = [1,[2]]
for(let index=0;index<array[index].length;index++){
while(Array.isArray(array[index]))
console.log(array[index])
}
}
問題1、 console.log并沒有東西輸出，很奇怪
2、把多層數組層層拆開并沒有思路，想著用join但是這個明顯不對
老師的代碼：
方法1、
function flatten(arr){
var newArr = [ ]
function _flat(arr){
arr.forEach(val =>{
if (Array.isArray(val)){
_flat(val)//精華之筆，如果是array，繼續執行該函數
}else{
newArr.push(val)
}
})
}
_flat(arr)
return newArr
}
方法2、
function flatten(arr){
return
arr.reduce(function(initArr,currentArr){
return initArr.concat(Array.isArray(currentArr)?flatten(currentArr):currentArr)
},[ ])
}
三、純CSS實現，點擊按鈕顯示一個modal，再點擊關閉按鈕，關閉modal。
答案鏈接：http://js.jirengu.com/wufitugoqo/1/edit
答案解析：巧妙地運用了label和checkbox的屬性，默認checkbox及一個固定定位的全屏div隱藏，當點擊時，checkbox被選中，div顯示，關閉和打開按鈕同時綁定在check上面，所以點關閉checkbox未被選中
