这篇文章主要介绍“js中for循环的实例用法”,在日常操作中,相信很多人在js中for循环的实例用法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”js中for循环的实例用法”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
今天编程网小编写带代码的时候遇到一段代码,需要终止运行for,通过遍历json数据实现判断
<script>
var Tid="55555";
var jb51cp = [
{id:66666,Cpurl:"https://baidu.com"},
{id:55555,Cpurl:"https://www.jb51.net"}
];
for(var i = 0; i < jb51cp.length; i++){
if(jb51cp[i].id==Tid){
var thevalue=jb51cp[i].Cpurl;
break;
}
}
alert(thevalue);
</script>
通过上面的代码,完美解决了我的需求,但感觉性能不高,建议用switch函数,json方便批量输出,通过for判断会降低性能。注意查看break的地方。
示例代码
var a = [1,2,3,4,5,6,7,8]; // 8个数
var b = [11,12,13,14,15,3,16,17]; //8个数
testFor();
console.log('555')
function testFor() {
for(var k=0;k<a.length;k++){
console.log('444');
for(var i=0;i<a.length;i++){
for(var j=0;j<b.length;j++){
if( a[i]==b[j] ){
return false;
}
console.log('111');
}
console.log('2222');
}
console.log('333');
}
}
输出:
// 1次444
// 8次111
// 1次222
// 8次111
// 1次222
// 5次111
// 1次555
可见 return 会直接跳出多层循环,返回调用的方法外部
原因: js里for是没有局部作用域的概念,方法才能一个局部作用域
return将会跳出当前局部作用继续执行下面的方法
注意:
1.这里for循环如果直接放在全局作用域下执行而不被一个方法包裹,
将直接导致写在for后的代码永远不会被执行;
2.如遇到逻辑特别复杂多层循环的时候,会遇到一些迭代器之类的方法,
这种迭代器实现的不同,会出现另一种情况,即不会跳出任何循环,
循环仍然继续,只是当前循环if后的代码不会被执行一次,下一次循环开始时,
仍然会执行if后的代码
如:
var cc = 'xx';
Object.keys(o).forEach(function(key) {
var val = o[key];
if(cc == key){
return false;
}
console.log(key);
});
此外还有
break;
continue;
语句
break 语句跳出循环后,会继续执行该循环之后的代码 (退出循环)
continue continue 语句中断循环中的迭代,如果出现了指定的条件,然后继续循环中的下一个迭代。(跳过当前迭代,进入下次迭代)
这两个语句可以指定label从而可以退出特定的循环
如
bbq:
for(var j=0;j<a.length;j++){
ccc:
for(var i =0;i<a.length;i++){
if( i==5 ){
break bbq; //直接跳出bbq外层循环
}
}
}
或者:
function testFor() {
bbq:
for(var k=0;k<a.length;k++){
console.log('444');
ccc:
for(var i=0;i<a.length;i++){
ddd:
for(var j=0;j<b.length;j++){
if(j == 2){
break;
}
console.log('j '+j);
}
console.log('i '+i);
}
console.log('k '+k);
}
}
// 只会每次循环j==2时退出ddd循环然后外面的循环都会继续循环
到此,关于“js中for循环的实例用法”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!