JavaScript中的遍历及区别——for in/for of的区别

Js中的遍历有很多：

1.map

         map()方法定义在JavaScript的Array中，它返回一个新的数组，数组中的元素为原始数组调用函数处理后的值。形成新的数组。

let arr = ['d', 's', 'r', 'c'];
let arr2 = arr.map(item => item === 's')

2.filter

        filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。形成新的数组。

let arr = ['d', 's', 'r', 'c'];
let arr2 = arr.filter(item => item === 's')

3.some

        some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。some() 方法会依次执行数组的每个元素：如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。如果没有满足条件的元素，则返回false。

let arr = ['d', 's', 'r', 'c'];
let arr2 = arr.some(item => item === 's')

4.every

        every() 方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。every() 方法使用指定函数检测数组中的所有元素：如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。如果所有元素都满足条件，则返回 true。

let arr = ['d', 's', 'r', 'c'];
let arr2 = arr.every(item => item === 's')

5.reduce

　educe() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。reduce() 可以作为一个高阶函数，用于函数的 compose。

let arr = ['d', 's', 'r', 'c'];
let arr2 = arr.reduce((total, item) => {
   return total + item
}, '')

6.reduceRight

reduceRight() 方法的功能和 reduce()功能是一样的，不同的是 reduceRight() 从数组的末尾向前将数组中的数组项做累加。

7.for in 和 for of的遍历异同

        for in遍历的是数组的索引（即键名），而for of遍历的是数组元素值。

        for-in总是得到对象的key或数组、字符串的下标。  

const person = {fname:"Bill", lname:"Gates", age:19}; 

let txt = "";
for (let x in person) {
// 要通过下标取值
  txt += person[x] + " ";
}

        for-of总是得到对象的value或数组、字符串的值，另外还可以用于遍历Map和Set。

const cars = ["BMW", "Volvo", "Mini"];

let text = "";
for (let x of cars) {
  text += x;
}

8.forEach()

        方法为每个数组元素调用一次函数，中途不能break，不然会报错。

const numbers = [45, 4, 9, 16, 25];

let txt = "";
numbers.forEach(myFunction);

function myFunction(value, index, array) {
  txt += value;
}

9.while、do while、for 

while (i < 10) {
    text += "数字是 " + i;
    i++;
}

do {
    text += "The number is " + i;
    i++;
 }
while (i < 10);

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";

for (;cars[i];) {
    text += cars[i] + "<br>";
    i++;
}