let arr = [{a:1},{a:2},{a:3},{a:4},{a:5}];

  // 1.while循环
let sum = 0;
let num = 1;
while(num <= 1){
if (num === 5) {
num++;
continue // containue必须写在++后面,否则会进入死循环,因为在while中continue之后,是执行条件判断
// break // 支持break
}
sum += num;
num++;
}
// 注:也可用于循环dom // 2.do {} while() let a = 0;
let b = 1;
do{
b += a;
a++;
// 支持continue/break
}while(a <= 100)
// 注:先执行do里面的代码块再判断条件,若满足,则继续执行代码块,否则终止循环, // 3.for for(let item =0;item<arr.length;item++){
if(item === 3){
// 支持break/continue;
}
} // 4.for in for(let item in arr){ // item为key
if(item === 3){
// 支持break/continue;
}
}
// 注:for in主要用于遍历对象属性 // 5.for of    for(let item of arr){ // item为value
if(item.a === 3){
item.a = 9 // 数组内变量为引用类型,遍历所得即为对应项的引用地址
// 支持break/continue;
}
}
// 注:只能用于遍历字符串/数组/类数组对象(NodeList) // 6.forEach arr.forEach(function(item, index, arr){
if(item.a === 2){
item.a = 8; //数组内变量为引用类型,遍历参数即为对应项的引用地址
// return  //跳过本次循环,即return本次遍历函数
}
}, arr3); // arr3 为可选参数,函数体内可通过this访问
// 注: forEach无返回值,无法跳出循环,可采用将forEach放入try{},catch{},手动抛出异常的方式 // 7.filter(item, index, arr) // 无法跳出循环,用于过滤数组成员,满足条件的成员组成一个新数组返回。它的参数是一个函数,所有数组成员依次执行该函数,返回结果为true的成员组成一个新数组返回。该方法不会改变原数组。
[1, 2, 3, 4, 5].filter(function (elem) {
return (elem > 3);
}) // [4, 5] let array = [0, 1, 'a', false];
array.filter(Boolean) // [1, "a"] // filter方法也可以接受第二个参数,用来绑定参数函数内部的this变量。
let obj = { MAX: 3 };
let myFilter = function (item) {
if (item > this.MAX) return true;
};
let arr2 = [2, 8, 3, 4, 1, 3, 2, 9];
arr2.filter(myFilter, obj) // [8, 4, 9] // 8.some(),every() // 这两个方法返回一个布尔值,表示判断数组成员是否符合某种条件。
// 它们接受一个函数作为参数,所有数组成员依次执行该函数。该函数接受三个参数:当前成员、当前位置和整个数组,然后返回一个布尔值。
// some方法是只要一个成员的返回值是true,则整个some方法的返回值就是true,否则返回false
// every方法则相反,所有成员的返回值都是true,整个every方法才返回true,否则返回false。
[1, 2, 3, 4, 5].every(function (elem, index, arr) {
return elem >= 3;
}) // false // 9.reduce(),reduceRight() // reduce方法和reduceRight方法依次处理数组的每个成员,最终累计为一个值。它们的差别是,reduce是从左到右处理(从第一个成员到最后一个成员),
// reduceRight则是从右到左(从最后一个成员到第一个成员),其他完全一样。 [1, 2, 3, 4].reduce(function (a, b, c, d) { //a:累计变量,b:当前变量 c, d为可选参数,分别表示当前位置和原数组
console.log(a, b); // 分别为:1,2 | 3,3 | 6,4
return a + b;
}, total) // total 为可选参数,表示初始累计值,最后结果为total + 数组累计值 // 10.map() // 无法跳出循环,返回一个新数组,第一个参数为函数,第二个参数可选,用来绑定回调函数内部的this变量,将回调函数内部的this对象,指向第二个参数。
let arr3 = ['a', 'b', 'c'];
[1, 2].map(function (item, index, arr) {
return this[item];
}, arr3) // 返回['b', 'c']

js------10种循环方法的更多相关文章

  1. 2.32 js几种定位方法总结

    2.32 js几种定位方法总结 前言本篇总结了几种js常用的定位元素方法,并用js点击按钮,对input输入框输入文本 一.以下总结了5种js定位的方法除了id是定位到的是单个element元素对象, ...

  2. Javascript/jQuery关于JSON或数组集合的几种循环方法

    JavaScript遍历JSON或数组集合: /** * 根据json数据生成option树形控件 * 如果有children节点则自动生成树形数据 * @param {JSON} data * @p ...

  3. js自动轮播图片的两种循环方法(原创)

    用5个div,布局从左到右5张图片,从左到右5个div分别指定ID为img1,img2,img3,img4,img5.(背景是relative,5个div是相对于背景absolute定位) 显示如下: ...

  4. API设计中性能提升的10种解决方法

    api的设计涉及到的方面很多, 分类是一个基本的思考方式.如果可以形成一个系列性的文字,那就从性能开始吧. 就像任何性能一样,API 性能主要取决于如何响应不同类型的请求.例如:典型的电商场景,显示用 ...

  5. jquery.autocomplete.js 两种实现方法

    <script type="text/javascript"> var v = 1; var stockInfoJson = [ { "name": ...

  6. js 几种排序方法

    1.冒泡排序 var arr = [9, 7, 5, 3, 1]; for (var i = 0; i < arr.length - 1; i++) { for (var j = 0; j &l ...

  7. js几种加密方法

    1.base64加密 它的github地址:https://github.com/dankogai/js-base64 <!DOCTYPE HTML> <html> <h ...

  8. Javascript关于JSON集合的几种循环方法

    /** * 根据json数据生成option树形控件 * 如果有children节点则自动生成树形数据 * @param {JSON} data * @param {int} n 节点深度 * @pa ...

  9. java中的循环方法(附带本人遇到的坑)

    java循环结构 顺序结构的程序语句只能 被执行一次.如果你要同样的操作执行多次,就需要使用循环结构. java中有三种主要的循环结构: 1.while 循环 2.do...while 循环 3.fo ...

随机推荐

  1. Android 简单布局、控件

    布局 线性布局 LinearLayout <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android ...

  2. file 上传大小限制问题

    今天突然传了一张很大的图片 结果怎么传都获取不到信息(如下); 最后查看了下php.ini 中的 " upload_max_filesize  "最大只允许了2M!  改下就可以 ...

  3. 设置navigation的title

      onReady(){         wx.setNavigationBarTitle({           title: this.data.title         });     } 

  4. _ZNote_Qt_定时器的总结

    Qt中实现定时器有两种方法. 一种是使用QObject类定时器;一种是使用QTimer类定时器.(定时器的精度依赖于操作系统和硬件,大多数平台支持20ms) 1,QObject类定时器. 通过QObj ...

  5. ZZ 使用Jenkins配置Git+Maven的自动化构建

    http://blog.csdn.net/xlgen157387/article/details/50353317 Jenkins是帮我们将代码进行统一的编译打包.还可以放到tomcat容器中进行发布 ...

  6. 关于SQL\SQL Server的三值逻辑

    在SQL刚入门的时候,我们筛选为某列值为NULL的行,一般会采用如下的方式: SELECT * FROM Table AS T WHERE T.Col=NULL 而实际上此种写法无法得到想要的结果.此 ...

  7. 696. Count Binary Substrings

    Give a string s, count the number of non-empty (contiguous) substrings that have the same number of ...

  8. word文档的python解析

    主要两块,第一个是文件类型的转换,第二个是用docx包去对word文档中的table进行parse 1. 文件格式装换 因为很多各种各样的原因,至今还有一些word文档是doc的格式存的,对于这种,如 ...

  9. MSRA-TD5000数据集使用详解

    中文检测的数据集,目前最火的应该是清华的CTW,https://ctwdataset.github.io/ 但是它的数据集只存储在微云和google driver,微云空间受限不能完全保存,所以下载的 ...

  10. rest framework 尝鲜

    安装 pip install djangorestframework 新建项目 python manage.py startapp idcs 添加模型(models.py) class Idcs(mo ...