js------10种循环方法
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种循环方法的更多相关文章
- 2.32 js几种定位方法总结
2.32 js几种定位方法总结 前言本篇总结了几种js常用的定位元素方法,并用js点击按钮,对input输入框输入文本 一.以下总结了5种js定位的方法除了id是定位到的是单个element元素对象, ...
- Javascript/jQuery关于JSON或数组集合的几种循环方法
JavaScript遍历JSON或数组集合: /** * 根据json数据生成option树形控件 * 如果有children节点则自动生成树形数据 * @param {JSON} data * @p ...
- js自动轮播图片的两种循环方法(原创)
用5个div,布局从左到右5张图片,从左到右5个div分别指定ID为img1,img2,img3,img4,img5.(背景是relative,5个div是相对于背景absolute定位) 显示如下: ...
- API设计中性能提升的10种解决方法
api的设计涉及到的方面很多, 分类是一个基本的思考方式.如果可以形成一个系列性的文字,那就从性能开始吧. 就像任何性能一样,API 性能主要取决于如何响应不同类型的请求.例如:典型的电商场景,显示用 ...
- jquery.autocomplete.js 两种实现方法
<script type="text/javascript"> var v = 1; var stockInfoJson = [ { "name": ...
- js 几种排序方法
1.冒泡排序 var arr = [9, 7, 5, 3, 1]; for (var i = 0; i < arr.length - 1; i++) { for (var j = 0; j &l ...
- js几种加密方法
1.base64加密 它的github地址:https://github.com/dankogai/js-base64 <!DOCTYPE HTML> <html> <h ...
- Javascript关于JSON集合的几种循环方法
/** * 根据json数据生成option树形控件 * 如果有children节点则自动生成树形数据 * @param {JSON} data * @param {int} n 节点深度 * @pa ...
- java中的循环方法(附带本人遇到的坑)
java循环结构 顺序结构的程序语句只能 被执行一次.如果你要同样的操作执行多次,就需要使用循环结构. java中有三种主要的循环结构: 1.while 循环 2.do...while 循环 3.fo ...
随机推荐
- Android 简单布局、控件
布局 线性布局 LinearLayout <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android ...
- file 上传大小限制问题
今天突然传了一张很大的图片 结果怎么传都获取不到信息(如下); 最后查看了下php.ini 中的 " upload_max_filesize "最大只允许了2M! 改下就可以 ...
- 设置navigation的title
onReady(){ wx.setNavigationBarTitle({ title: this.data.title }); }
- _ZNote_Qt_定时器的总结
Qt中实现定时器有两种方法. 一种是使用QObject类定时器;一种是使用QTimer类定时器.(定时器的精度依赖于操作系统和硬件,大多数平台支持20ms) 1,QObject类定时器. 通过QObj ...
- ZZ 使用Jenkins配置Git+Maven的自动化构建
http://blog.csdn.net/xlgen157387/article/details/50353317 Jenkins是帮我们将代码进行统一的编译打包.还可以放到tomcat容器中进行发布 ...
- 关于SQL\SQL Server的三值逻辑
在SQL刚入门的时候,我们筛选为某列值为NULL的行,一般会采用如下的方式: SELECT * FROM Table AS T WHERE T.Col=NULL 而实际上此种写法无法得到想要的结果.此 ...
- 696. Count Binary Substrings
Give a string s, count the number of non-empty (contiguous) substrings that have the same number of ...
- word文档的python解析
主要两块,第一个是文件类型的转换,第二个是用docx包去对word文档中的table进行parse 1. 文件格式装换 因为很多各种各样的原因,至今还有一些word文档是doc的格式存的,对于这种,如 ...
- MSRA-TD5000数据集使用详解
中文检测的数据集,目前最火的应该是清华的CTW,https://ctwdataset.github.io/ 但是它的数据集只存储在微云和google driver,微云空间受限不能完全保存,所以下载的 ...
- rest framework 尝鲜
安装 pip install djangorestframework 新建项目 python manage.py startapp idcs 添加模型(models.py) class Idcs(mo ...