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>
结果
map():此map非jQuery中map(),且与forEach()有根本上的不同:把原来的数组考皮一份,然后操作;最后通过return拿到新的数组
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]