js循环总结
js原生的循环有两种,一般的for循环和for...in循环。还有一种常用jQuery.each()循环。
一. js原生循环
a. for循环,代码如下:
var myArray = [1,2,3];
for (var i = 0; i < myArray.length; i++) {
console.log(myArray[i]);
};
console:
1,2,3
b. for...in循环,代码如下:
var myArray = [1,2,3];
for (var arr in myArray ) {
console.log(arr);
};
console:
1,2,3
区别与联系
1. for和for...in的共同点:
都可以用于数组的循环
2. for和for...in的不同点:
for...in循环除用于数组的循环外,还可以用于对象的key循环,代码如下:
var myObject = {"id":"1","name":"john"};
for (var obj in myObject) {
console.log(obj);
};
console:
id,name
e. 控制循环语句
break;跳出这个循环
continue;跳出本次循环
while循环:
var cars=["BMW","Volvo","Saab","Ford"];
var i=0;
while (cars[i])
{
console.log(cars[i] + "<br>");
i++;
}
console:
BMW Volvo Saab Ford
do-while循环:
var x="";
var i= 0;
do{
x=x + "该数字为 " + i + "<br>";
i++;
console.log(x);
}
while (i<5)
二. jQuery.each()循环
a. 遍历DOM节点 代码如下:
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
$("li").each(function(){
alert($(this).text())
});
b. 遍历数组
var arr = [1,2,3];
$.each(arr,function(i){
console.log((arr[i]));
});
console:
1,2,3
c. 循环对象
var myObject = {"one":1,"two":2,"three":3};
$.each(myObject,function(i){
console.log(myObject[i]);
});
console:
1,2,3
d. 循环二维数组,代码如下:
var myArray = [[1,2,3],[4,5,6],[7,8,9]];
$.each(myArray,function(i,item){
console.log(item[0]);
});
console:
1,4,7
e. 循环控制语句:
return false;跳出这个循环
return true;继续下一个循环
js循环总结的更多相关文章
- Handlebars.js循环中索引(@index)使用技巧(访问父级索引)
使用Handlebars.js过程中,难免会使用循环,比如构造数据表格.而使用循环,又经常会用到索引,也就是获取当前循环到第几次了,一般会以这个为序号显示在页面上. Handlebars.js中获取循 ...
- Data层相关问题 & JS循环取值
第一次写博客,里面是自己工作中碰到的问题及总结的知识点,便于自己以后回顾,技术大牛们请直接忽略这篇文章,也希望能帮助到想我这样的小白! Data层相关问题总结: 1. 代码管理用的是 VSS 2005 ...
- js循环POST提交添加辅助单位
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
- JS数组+JS循环题
先看JS循环作业题: 一.一张纸的厚度是0.0001米,将纸对折,对折多少次厚度超过珠峰高度8848米 <script type="text/javascript"> ...
- js循环处理后台返回的json数组
<script type="text/javascript"> function gongdan_search(elm){ var dangqian_value=$(e ...
- JS 循环遍历JSON数据 分类: JS技术 JS JQuery 2010-12-01 13:56 43646人阅读 评论(5) 收藏 举报 jsonc JSON数据如:{"options":"[{
JS 循环遍历JSON数据 分类: JS技术 JS JQuery2010-12-01 13:56 43646人阅读 评论(5) 收藏 举报 jsonc JSON数据如:{"options&q ...
- ----关于统计字符出现次数的JS循环以及indesxOf函数----
以下将会通过JS循环判断字符“banana”出现次数 以及调用indexOf中的函数来实现统计 <!DOCTYPE html> <html> <body> &l ...
- JS循环中使用bind函数的参数传递问题
JS循环中使用bind函数的参数传递问题,问题代码如下: for (var sc in result) { var tempp = '<div class="sidebar_todo_ ...
- Vue.js——循环(Java、JSTL标签库、数据库)
一.Vue.js循环 Vue.js循环要使用 v-for 指令. v-for 指令需要以 student in StudentList 形式的特殊语法使用, StudentList 是源数据数组并且s ...
- JS循环汇总
JS循环汇总 一.总结 一句话总结:js中的循环主要有while.for.for...in.for...of,循环是,要区别不同的循环对象,比如对象,数组,集合等 while for for...in ...
随机推荐
- javascript之构造函数的继承(引用网络)
这个系列的第一部分,主要介绍了如何"封装"数据和方法,以及如何从原型对象生成实例. 今天要介绍的是,对象之间的"继承"的五种方法. 比如,现在有一个" ...
- 『Scrapy』全流程爬虫demo
建立好的爬虫工程如下: item.py 它用来存储解析后的响应文件: # -*- coding: utf-8 -*- # Define here the models for your scraped ...
- Activiti工作流笔记(2)
1.Activiti工作数据表 Activiti用来存放流程数据的表共使用23张表,表名都是以"ACT_"开头,底层操作默认使用mybatis操作 工作流Activiti的表是用来 ...
- transition多个属性同时渐变(left/top)
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> < ...
- G1收集器
转载:https://blog.csdn.net/zhou2s_101216/article/details/79202893 http://blog.jobbole.com/109170/ http ...
- MVC,重写AuthorizeAttribute实现自己的权限验证(一)
我们要实现下面的效果,某个controller,只允许某几个角色访问(admin,user,document controller) [MyAuthorize(Roles = "Admin, ...
- ajax ajax基本介绍
jquery中ajax方法参数详解 url 要求是string类型参数(默认为当前页面地址) 发送请求的地址 type 要求是string类型的参数,请求方式(post或get)默认为get.注意其他 ...
- RK3288 GMAC整理
一.源文件 源码路径:\drivers\net\ethernet\rockchip\gmac 源码阅读顺序: 二.重要探针函数stmmac_dvr_probe 1. alloc_etherdev 申请 ...
- linux processes
So that Linux can manage the processes in the system, each process is represented by a task_struct ...
- Maven 入门篇 ( 上 )
写这个 maven 的入门篇是因为之前在一个开发者会的动手实验中发现挺多人对于 maven 不是那么了解,所以就有了这个想法.这个入门篇分上下两篇.本文着重动手,用 maven 来构建运行 hello ...