for / forEach / each 循环详解
本文共 1355 字，大约阅读时间需要 4 分钟。
for循环（使用比较局限，一般只用于循环数组）
var arr = ['zxx', 18, 'smart', 'good'];for(var i = 0, len = arr.length; i < len; i++){ console.log(i + '. ' + arr[i]);}// 0. zxx// 1. 18// 2. smart// 3. goodforEach循环（其中item为该索引下的值，index为索引，arr为数字本身，参数名可改变，但是顺序不能改变）
var arr = ['zxx', 18, 'smart', 'good'];arr.forEach(function(item,index,arr){ console.log(item); console.log(index); console.log(arr);});// zxx// 0// ["zxx", 18, "smart", "good"]// 18// 1// ["zxx", 18, "smart", "good"]// smart// 2// ["zxx", 18, "smart", "good"]// good// 3// ["zxx", 18, "smart", "good"]each循环
jquery下的each方法有两种，一种为$('').each()，jquery对象方法，用于循环遍历jquery对象。一种为$.each()循环方法，用于循环遍历数组、对象。
第一种：$('').each()
<body> <script src="https://cdn.bootcss.com/jquery/2.0.0/jquery.min.js"></script> <ul> <li>li(1)</li> <li>li(2)</li> <li>li(3)</li> </ul></body><script>$('li').each(function(i,item) { console.log($(this).text());});</script>
第二种：$.each()
var arr = ['nick','freddy','mike','james'];var userMsg = { nick: { name: 'nick', age: 18, sex: '男' }, freddy: { name: 'freddy', age: 24, sex: '男' } };$.each(arr,function(index,item){ console.log(index+'. '+item);});console.log('-----------分割线-----------');$.each(userMsg,function(key1,item1){ console.log(key1); $.each(item1,function(key2,item2){ console.log(key2 + ': ' + item2); });});
你可能感兴趣的文章