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 ...
随机推荐
- IDEA下Spring Boot显示Run Dashboard面板
在 .idea/workspace.xml 文件中找到 <component name="RunDashboard"> <option name="ru ...
- innodb_flush_method理解
http://blog.csdn.net/gua___gua/article/details/44916207 innodb_flush_method这个参数控制着innodb数据文件及redo lo ...
- nigx
1.反向代理 2.负载均衡(weight:设置权重) 3.高可用(场景:当主服务器死掉后 拥有备用服务器承接后续的访问) 安装 Keepalived实现
- spoj GSS系列简要题解
文章目录 GSS1 GSS2 GSS3 GSS4 GSS5 GSS6 GSS7 GSS8 传送门 这个GSSGSSGSS系列全部是跟子段有关的数据结构菜题. 于是来水一篇博客. GSS1 传送门 题意 ...
- xpath和lxml类库
1. xpath和lxml lxml是一款高性能的 Python HTML/XML 解析器,我们可以利用XPath,来快速的定位特定元素以及获取节点信息 2. 什么是xpath XPath (XML ...
- req、js
requests库中,可不写为headers内各键值对的部分参数: s=requests.Session() #或.session() s.allow_redirects=False #禁止重定 ...
- Android-Java-静态变量
描述Person对象: package android.java.oop09; // 描述Person对象 public class Person { private String name; pri ...
- ReactNative学习笔记(三)打包、调试、运行等相关介绍
各种命令 个人习惯在项目根目录下把一些常见命令写成bat文件,以后每次要执行什么只需要双击即可: 编译.生成.运行并启动packager(debug模式): react-native run-andr ...
- WPF中TreeView的+-号和连线style的一种实现
最近又开始跟WPF打交道,项目里面用到了TreeView这个控件.然后需要有一个连线的外观就像是这样 二话不说,百度了一下,找到一个实现, 通道. 把代码拷贝到项目里面,跑了一下,看上去还不错.但是这 ...
- 2月第3周业务风控关注|上海网信办复测23个被约谈APP 涉及1号店、小红书等
易盾业务风控周报每周呈报值得关注的安全技术和事件,包括但不限于内容安全.移动安全.业务安全和网络安全,帮助企业提高警惕,规避这些似小实大.影响业务健康发展的安全风险. 1.上海网信办复测23个被约谈A ...