forEach()遍歷:在原來數組上進行操做數組
var arrF = [2,3,4]; var arrS = arrF.forEach(function (value,index,a) { //value:數組的值;index:數組索引,a操做的數組 a[index]=value+33 }) console.log(arrF); //結果:35,36,37 console.log(arrS) //結果:undefined
<body > <div id="app"> <input v-focus value="" id="inp"> <input type="text"> </div> </body> <script> var input = document.querySelectorAll('input'); input.forEach(function (value,index,a) { a[index].value='hahhah'; value.value="wowoowo" }) </script>
結果app
map():此map非jQuery中map(),且與forEach()有根本上的不一樣:把原來的數組考皮一份,而後操做;最後經過return拿到新的數組spa
let arrF = [2,3,4]; let arrS = arrF.forEach(function (value,index,a) { return value+10 }); console.log(arrF); //結果;[2,3,4] console.log(arrS) //結果:[12,13,14] let arrF = [2,3,4]; let arrS = arrF.map(function (value,index,a) { return a[index]=value+10 }); console.log(arrF); //結果:[12,13,14] 這個結果有點不明白 console.log(arrS) //結果:[12,13,14]