首页 > 其他分享 >16. JS for of循环语句的用法

16. JS for of循环语句的用法

时间:2022-10-10 14:46:36浏览次数:83  
标签:语句 遍历 16 value JS write 循环 var document

1. 前言

JS for of 循环是 ECMAScript6 中新添加的一个循环方式,与 for in 循环类似,也是普通 for 循环的一种变体。使用 for of 循环可以轻松的遍历数组或者其它可遍历的对象,例如字符串、对象等。

JS for of 循环的语法格式如下:

for (variable of iterable) {
    // 要执行的代码
}

其中,variable 为一个变量,每次循环时这个变量都会被赋予不同的值,我们可以在后面的{ }中使用这个变量来进行一系列操作;iterable 为要遍历的内容,在每次循环中,会将 iterable 中的一个值赋值给变量 variable,直到 iterable 中的所有值都遍历完。

示例代码如下:

// 定义一个数组
var arr = ['a', 'b', 'c', 'd', 'e', 'f'];
// 使用 for of 循环遍历数组中的每个元素
for (var value of arr) {
    document.write(value + ", ");
}
document.write("<br>");
// 定义一个字符串
var str = "Hello World!";
// 使用 for of 循环遍历字符串中的每个字符
for (var value of str) {
    document.write(value + ", ");
}
document.write("<br>");
// 定义一个对象
var obj = {"name": "Clark", "surname": "Kent", "age": "36"};
// 使用 for of 循环遍历对象中的所有属性
for(var value in obj) {
    document.write(value + ", ");
}

运行结果:

a, b, c, d, e, f,
H, e, l, l, o, , W, o, r, l, d, !,
name, surname, age,

注意,虽然 for of 循环也可以遍历对象,但并不推荐,若要遍历对象可以使用 for in 循环。

标签:语句,遍历,16,value,JS,write,循环,var,document
From: https://www.cnblogs.com/jiajunling/p/16775632.html

相关文章

  • 14. JS for循环语句的用法
    1.前言前面我们简单介绍了 while 循环和 dowhile 循环,本节再来介绍另外一种循环——for循环。1.1 JSfor循环语法JSfor循环适合在已知循环次数时使用,语法格......
  • js 字符串 截取字串 slice,substring,substr方法对比
    js字符串截取字串slice,substring,substr方法对比1.slice()方法slice()提取字符串的某个部分并在新字符串中返回被提取的部分。该方法设置两个参数:起始索引(开始位......
  • js、jquery 实时监听input中的值,并赋值到另一个input
    <inputtype="text"name="name"id="searchName"><inputtype="text"name="name_two"id="daochuName"><inputtype="text"name="txt_JEDX"id="txt_JEDX"......
  • js Base64 文件上传
     //base64转二进制流(blob)dataURLtoBlob(dataurl){vararr=dataurl.split(","),mime=arr[0].match(/:(.*?);/)[1],bstr=atob......
  • 13. JS do while循环语句的用法
    1.前言JSdowhile循环与 while循环非常相似,不同之处在于,dowhile循环会先执行循环中的代码,然后再对条件表达式进行判断。因此,无论条件表达式是真还是假,dowhile循......
  • 12. JS while循环语句的用法
    1.前言循环就是重复做一件事,在编写代码的过程中,我们经常会遇到一些需要反复执行的操作,例如遍历一些数据、重复输出某个字符串等,如果一行行的写那就太麻烦了,对于这种重复......
  • 读《黑客与画家》感悟和语句摘抄
    1格雷厄姆认为,对于科技公司来说,未来充满了机会,前景一片光明。“所有东西都在变成软件”。印刷机诞生后,人类写过多少字,未来就有多少家软件公司23......
  • 11. JS switch case语句详解
    1.前言JSswitchcase语句与 ifelse 语句的多分支结构类似,都可以根据不同的条件来执行不同的代码;但是与ifelse多分支结构相比,switchcase语句更加简洁和紧凑,执行......
  • net core 动态设置appsettings.json
    配置基类该类主要用于判断传递的值是否为类对象,方便赋值1publicinterfaceIBaseConfigEntity2{34} 配置类 建立配置存储类1publicc......
  • ABAP数据转Json
    Json数据类型对应ABAP的定义jsonabap备注字符串string、char 数字p、i 对象结构体、内表 数组string需要而外写逻辑处理布尔abap_boola......