浅谈6种JS数组遍历方法的区别

var arr = [1,2,3,4]
for(var i = 0 ; i){
　　console.log(arr[i])
}
//1,2,3,4
九九乘法表：


for ( var x = 1; x <= 9; x++) {
　　var str="";
　　for ( var y = 1; y <= x; y++) {
　　　　str+=x + "*" + y + " = " + (x * y)+" ";
　　}
　　console.log(str);
}

let arr = ['a', 'b', 'c', 'd']
arr.forEach(function (val, index, arr) {
　　console.log('index:'+index+','+'val:'+val) // val是当前元素，index当前元素索引，arr数组
　　console.log(arr)
})
//index:0,val:a
//["a", "b", "c", "d"]0: "a"1: "b"2: "c"3: "d"
//index:1,val:b
//["a", "b", "c", "d"]
//index:2,val:c
//["a", "b", "c", "d"]
//index:3,val:d
//["a", "b", "c", "d"]
[].forEach(function(value,index,array){
　　　　//do something
　　});
等价于：
$.each([],function(index,value,array){
　　　//do something
　})

var obj = {a:1, b:2, c:3};
for (let item in obj) {
　　console.log("obj." + item + " = " + obj[item]);
}
// obj.a = 1
// obj.b = 2
// obj.c = 3
var arr = ['a','b','c'];
for (var item in arr) {
　　console.log(item) //0 1 2
　　console.log(arr[item]) //a b c
}

循环一个数组：
let arr = ['A', 'B', 'C']
for (let val of arr) {
　　console.log(val)
}
// A B C

循环一个字符串：
let iterable = "abc";

for (let value of iterable) {
　　console.log(value);
}
// "a"
// "b"
// "c"


循环一个Map:
let iterable = new Map([["a", 1], ["b", 2], ["c", 3]]);
for (let [key, value] of iterable) {
　　console.log(value);
}
// 1
// 2
// 3

for (let entry of iterable) {
　　console.log(entry);
}
// [a, 1]
// [b, 2]
// [c, 3]


循环一个 Set:
let iterable = new Set([1, 1, 2, 2, 3, 3]);
for (let value of iterable) {
　　console.log(value);
}
// 1
// 2
// 3


循环一个拥有enumerable属性的对象
for of循环并不能直接使用在普通的对象上，但如果我们按对象所拥有的属性进行循环，可使用内置的Object.keys()方法：
for (var key of Object.keys(someObject)) {
　　console.log(key + ": " + someObject[key]);
}

循环一个生成器(generators):
function* fibonacci() { // a generator function
　　let [prev, curr] = [0, 1];
　　while (true) {
　　　　[prev, curr] = [curr, prev + curr];
　　　　yield curr;
　　}
}

for (let n of fibonacci()) {
　　console.log(n);
　　// truncate the sequence at 1000
　　if (n >= 1000) {
　　break;
　　}
}

$.each(arr|obj, function(k, v))
可以用来遍历数组和对象，其中k表示索引值或者key值，v表示value值

var arr = ['a','b','c']
$.each(arr, function(key, val) {
　　console.log(key, val);
})
//0 a
//1 b
//2 c

$(“input[name=’checkbox’]”).each(function(i){
　　if($(this).attr(‘checked’)==true){
　　//操作代码
}