js常用的遍历方法以及flter,map方法

1.首先明确vue主要操作数据。他并不提倡操作dom.

数组的变异：能改变原数组。

*** 先来复习下便利==遍历一个数组的四种方法：

<script>
let arr = [1, 2, 3, 4, 5];
//编程式
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}

//声明式（不关心如何实现）
arr.forEach(function (item) {
console.log(item);
});

for (let key in arr) {
console.log(key);
}

for (let val of arr) {
console.log(val);
}
</script>

filter的用法以及map的用法

<script>
let arr = [1, 2, 3, 4, 5];
//2.filter过滤。返回结果：过滤后的新数组。回掉函数的返回结果：如果返回true,表示这一项放到新数组中。
var newArr = arr.filter(function (item) {
return item > 2 && item < 5;
});
newArr.forEach(function (item, index) {
console.log(item);
});

//map映射方法
let arr2 = [1, 2, 3, 4, 5];
let newArr2 = arr2.map(function (item) {
return item *= 2;
});
newArr2.forEach(function (item, index) {
console.log(item);
});
</script>

***  includes方法，find方法，some方法，every方法

<script>
//includes方法
let arr1 = [1, 2, 3, 4, 5, 6, 7];
console.log(arr1.includes(8));

//find方法
//返回找到的那一项 不会改变数组 回掉函数 中返回true表示找到了 找到了就停止循环
let result = arr1.find(function (item, index) {
return item.toString().indexOf(5) > -1;
});
console.log(result);

//some方法找到true 停止 返回true
let result1 = arr1.some(function (item, index) {
return item.toString().indexOf(5) > -1;
});
console.log(result1);
//every方法找到false 停止 返回false
</script>

***