js-for循环遍历

for…in

以任意顺序遍历一个对象的可枚举属性。对于每个不同的属性，语句都会被执行。
for..in 不应该被用来迭代一个下标顺序很重要的 Array .

var obj1 = {a:1, b:2, c:3};
var obj2 = ['a', 'b', 'c'];
for (var key in obj1) {
  console.log( key + " = " + obj1[key]);
}
/*a = 1
  b = 2 
  c = 3 */

for (var key in obj1) {
  console.log( key + " = " + obj1[key]);
}

/*0 = a 
  1 = b 
  2 = c */

小demo

//获取数组key
function getObjectKeys(object)
{
    var keys = [];
    for (var property in object)
      keys.push(property);
    return keys;
}
//获取数组value
function getObjectValues(object)
{
    var values = [];
    for (var property in object)
      values.push(object[property]);
    return values;
}

for循环

常见的语法
用于创建一个循环,它包含了三个可选的表达式,三个可选的表达式包围在圆括号中并由分号分隔,后面跟随一个语句或一组语句在循环中执行.

for ([initialization]; [condition]; [final-expression])
   statement

小例子

for (var i = 0; i < 9; i++) {
   console.log(i);
   // more statements
}
var i = 0;
for (; i < 9; i++) {
    console.log(i);
    // more statements
}
for (var i = 0;; i++) {
   console.log(i);
   if (i > 3) break;
   // more statements
}

forEach()

forEach() 方法对数组的每个元素执行一次提供的函数。

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

array.forEach(callback[, thisArg])


let a = ['a', 'b', 'c'];

a.forEach(function(element) {
    console.log(element);
});

jquery $.each

$.each([ 52, 97 ], function( index, value ) {
  alert( index + ": " + value );
});


var obj = {
  "flammable": "inflammable",
  "duh": "no duh"
};
$.each( obj, function( key, value ) {
  alert( key + ": " + value );
});

jquery $.each dom

$.each($("input:hidden"), function(i,val){  
     alert(val);
     alert(i);
     alert(val.name);
     alert(val.value);   
 }); 

 $("input:hidden").each(function(i,val){  //第一个参数表示索引下标，第二个参数表示当前索引元素
    alert(i);
    alert(val.name);
    alert(val.value);       
});

点击量 次

赏

如有帮助，谢谢赞赏

支付宝

微信