[html]for 循环，jQuery循环遍历详解

1.for 循环
原生JS最基本的使用：

for (var i=0;i<cars.length;i++)
{
…..
}

for – 循环代码块一定的次数
2.for in
for/in – 循环遍历对象的属性
以任意顺序遍历一个对象的可枚举属性。对于每个不同的属性，语句都会被执行

var obj = {a:1, b:2, c:3};

for (var prop in obj) {
console.log(“obj.” + prop + ” = ” + obj[prop]);

// for (variable in object) {…}
// variable
// 在每次迭代时,将不同的属性名分配给变量。
// object
// 被迭代其枚举属性的对象。

for…in 不应该被用来迭代一个下标顺序很重要的 Array .

let array2 = [‘a’,’b’,’c’]
let obj1 = {
name : ‘lei’,
age : ’16’
}

for(variable  in array2){   //variable  为 index
console.log(variable )   //0 1 2
}

for(variable  in obj1){   //variable 为属性名
console.log(variable)   //name age
}

3.forEach()和map()
JavaScript 提供了 foreach() map() 两个可遍历 Array对象 的方法 forEach和map用法类似，都可以遍历到数组的每个元素，而且参数一致；
forEach() 方法对数组的每个元素执行一次提供的函数。

let a = [‘a’, ‘b’, ‘c’];
a.forEach(function(element) {
console.log(element);
});

array.forEach(callback(currentValue, index, array){
//do something
}, this)

array.forEach(callback[, thisArg])

var array1 = [1,2,3,4,5];

var x = array1.forEach(function(value,index){

console.log(value);   //可遍历到所有数组元素

return value + 10
});
console.log(x);   //undefined    无论怎样，总返回undefined

var y = array1.map(function(value,index){

console.log(value);   //可遍历到所有数组元素

return value + 10
});
console.log(y);   //[11, 12, 13, 14, 15]   返回一个新的数组

let array2 = [‘a’,’b’,’c’]
let obj1 = {
name : ‘lei’,
age : ’16’
}

for(variable  of array2){   /variable  为 value
console.log(variable )   //’a’,’b’,’c’
}

for(variable  of obj1){  //<strong>普通对象不能这样用</strong>
console.log(variable)   // 报错 ： main.js:11Uncaught TypeError: obj1[Symbol.iterator] is not a function