首页 > 其他分享 >JS几种常见循环

JS几种常见循环

时间:2023-01-30 17:24:47浏览次数:55  
标签:11 12 console nums 几种 循环 var ele JS

常见循环,主要包括有for,for…in,for…of,forEach

普通for  switch 

遍历数组

var nums = [11,12];
for(var i = 0; i<nums.length;i++){
    console.info(nums[i]);
}
// 打印结果
// 11
// 12

let title;
switch (val) {
case '0':
title = '一'
break
case '1':
title = '二'
break
case '2':
title = '三'
break
case '3':
title = '四'
break
case '4':
title = '五'
break
}
return title //返回值
 

for…in

遍历对象的属性,遍历数组时候是数组的索引。

var nums = [11,12];

for (var property in nums) {
    console.info(property, nums[property]);
}
// 打印结果
// 0 11 
// 1 12

var obj = {
    "name": "小明",
    "age": 20
}
for (var property in obj) {
    console.info(property, obj[property]);
}
// 打印结果
// name 小明 
// age 20

for…of

for…of 语句循环遍历对象,对象必须是可被迭代的iterable类型,如Array, Map, Set。

var nums = [11,12];
for (let item of nums) {
    console.info(item);
}
//打印结果
//11 
//12

var map = new Map();
map.set("name", "Jack");
map.set("age", "25");
for (let item of map) {
    console.info(item);
}
//打印结果
// Array [ "name", "Jack" ]
// Array [ "age", "25" ]

forEach

forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。
语法

var nums = [11,12];
nums.forEach(function(ele, idx) {
    console.info(ele, idx);
})
//打印结果
// 11 0 
// 12 1

forEach() 本身是不支持的 continue 与 break 语句的,我们可以通过 some 和 every 来实现。

some
some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。
some() 方法会依次执行数组的每个元素:

如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。
如果没有满足条件的元素,则返回false。

var nums = [11, 12, 13];
var result = nums.some(function(ele, idx) {
    if (ele == 12) {
        return; // continue;
        // return false; // continue;
        // return true; // break;
    }
    console.info(ele, idx);
})
console.info(result);
//打印结果
// 11 0 
// 13 2 
// false

every

every() 方法用于检测数组所有元素是否都符合指定条件(通过函数提供)。
every() 方法使用指定函数检测数组中的所有元素:

如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。
如果所有元素都满足条件,则返回 true。

var nums = [11, 12, 13];
var result = nums.every(function(ele, idx) {
    console.info(ele, idx);
    return ele < 12; //break;
})
console.info(result);
// 打印结果
// 11 0 
// 12 1 
// false

map

map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
map() 方法按照原始数组元素顺序依次处理元素。
注意: map() 不会对空数组进行检测。
注意: map() 不会改变原始数组。

var nums = [11,12];
var newArr = nums.map(function(ele, idx) {
    console.info(ele, idx);
    return "new" + ele;
});
console.info(newArr);
//打印结果
// 11 0 
// 12 1 
// Array [ "new11", "new12" ]

 

标签:11,12,console,nums,几种,循环,var,ele,JS
From: https://www.cnblogs.com/Jishuyang/p/17076697.html

相关文章

  • 35 Three.js的融合材质
    简介在上一节,使用three.js的60版本,我们成功的实现了THREE.MeshDepthMaterial的案例。但是,我们没有办法修改它的材质的颜色。而一切都是由材质的默认属性决定的,但是Three.js......
  • 验证码的几种处理方式
     针对验证码有如下方法:1>在产品没有上线前,需要找开发先给web验证码留后门,也就是将验证码验证先注释掉2>让开发给web验证码留一个万用验证码,只要输入给定的验证码,就可以......
  • JSP 前端大文件上传
    ​ 4GB以上超大文件上传和断点续传服务器的实现随着视频网站和大数据应用的普及,特别是高清视频和4K视频应用的到来,超大文件上传已经成为了日常的基础应用需求。但是在......
  • 接口自动化框架两大神器-正则提取器和Jsonpath提取器
    一接口自动化框架一框架结构二结构说明-API用于封装被测系统的接口(用request模块封装的请求方法)-TestCase将一个或多个接口封装成测试用例,并使用UnitTest管理......
  • JSP案列_改造Cookie案例
    <%@pageimport="java.net.URLDecoder"%><%@pageimport="java.util.Date"%><%@pageimport="java.text.SimpleDateFormat"%><%@pageimport="java.net.URLEnco......
  • ThreeJs入门概要
    ThreeJs入门概念及使用整理  ThreeJs用于浏览器3D图形的渲染,基于WebGL封装,本身是Javascript语言开发的。尝试基于threeJs开发手写手绘小程序,因此整理了相关的基础技......
  • JSP脚本和JSP入门学习
    JSP的脚本:JSP定义java代码的方式1.<%代码%>:定义的java代码,在service方法中。Service方法可以定义什么,该脚本中就可以定义什么。2.<%!代码%>:定义的java代......
  • 【参考答案】java基础练习:循环结构(while、do...while、for、break、continue、return
    while while实现:输出比i(i=5)小的正整数packagecom.qzcsbj;publicclassTest{publicstaticvoidmain(String[]args){inti=5;while(--i>0){......
  • 【6】Python3循环语句之while,for循环
    1.循环:有条件地重复地做一件事,每一次做的事情不同但类似在Python中,循环结构分为while和for两种。while判断条件:执行语句……执行语句可以是单个语句或语句块。判断......
  • cube.js 一些变动
    cube.js整体的机制是没有调整的,但是目前从官方介绍可以看出,已经从以前的无头bi调整为了语义层了,这个也说明了cube.js在数据处理能力上更加强大了一张参考图  说明目前c......