JS: for循环、for-in与for-of的使用

最新推荐文章于 2023-08-24 11:25:58 发布
最新推荐文章于 2023-08-24 11:25:58 发布
阅读量511 收藏 1
点赞数 2
分类专栏： Javascript 文章标签： 前端 javascript es
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Y_ooo/article/details/121527967
版权
一、for循环打印杨辉三角
<body>
    <style>
        span {
            color: white;
        }
    </style>
    <script>
        function hd(row) {
            for (let i = 1; i < row; i++) {
                for (let n = row - i; n > 0; n--) { //打印空白row-1，row-2...1
                    document.write(`<span>^</span>`);
                }
                for (let m = i * 2 - 1; m > 0; m--) { //打印星号1，3，5...(row-1)*2-1
                    document.write("*");
                }
                document.write("<br/>");
            }
        }
        hd(10);
    </script>
</body>

在这里插入图片描述

二、for-in与for-of使用
1.for-in

取键名遍历：key指对象的键名/数组的下标

<body>
    <script>
        let yooo = ['alison', 'ruby', 'andy'];
        for (let key in yooo) {
            console.log(yooo[key]);
        }
        for (let key in window) {
            console.log(window[key]);
        }
    </script>
</body>

在这里插入图片描述

2.for-of

取值遍历：主要处理迭代对象

<body>
    <script>
        let yooo = ['alison', 'ruby', 'andy'];
        for (const value of yooo) {
            console.log(value);
        }
    </script>
</body>

在这里插入图片描述

字符串也有迭代特性

<body>
    <script>
        for (let v of "alison") {
            console.log(v);
        }
    </script>
</body>

在这里插入图片描述

yooo*
关注
专栏目录
JavaScript中for..in，for..of，for，forEach 4个的用法和区别
m0_58646138的博客
05-24 1538
for循环、for...in循环和for..of循环 break() continue() some() every()
全面解析JavaScript里的循环方法之forEach，for-in，for-of
11-26
JavaScript诞生已经有20多年了，我们一直使用的用来循环一个数组的方法是这样的： for (var index = 0; index < myArray.length; index++) { console.log(myArray[index]); } 自从JavaScript5起，我们开始可以...
【JS】js的for循环、for in 、 for of 详解
呆呆狗
05-08 2524
你真的了解 for for in for of 了嘛
JavaScript for-in 循环和for-of循环
qq_wxq的博客
01-26 1159
JavaScript 语句通常以一个 语句标识符 为开始，并执行该语句。语句标识符是保留关键字不能作为变量名使用。下表列出了 JavaScript 语句标识符 (关键字) ： 语句 描述 break 用于跳出循环。 catch 语句块，在 try 语句块执行出错时执行 catch 语句块。 continue 跳过循环中的一个迭代。 do … while 执行一个语句块，...
js for循环, 及for in 和 for of语法
weixin_44154094的博客
01-02 243
for循环补充可以为循环语句创建一个label，来标识当前的循环label:循环语句使用break语句时，可以在break后跟着一个label,这样break将会结束指定的循环，而不是最近的 和java python相似的地方就不再写了 可以为循环语句创建一个label，来标识当前的循环label:循环语句使用break语句时，可以在break后跟着一个label,这样break将会结束指定的循环，而不是最近的 <script type="text/javascript"> /*
js的for in 循环与 for of循环的区别
tao__f的博客
11-28 653
文章目录**for...in 循环**for...of 循环for … of循环是ES6引入的新的语法，用for … of循环遍历集合总结 for…in 循环 for…in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。 for…in 语句用于对数组或者对象的属性进行循环操作。 for … in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。 for…in语句以任意顺序遍历一个对象的可枚举属性。对于每个不同的属性，语句都会被执行。 for (variable .
掌握JavaScript的四种for循环：简单for、for-in、forEach与for-of
深入了解JavaScript中的for循环是编程中一个至关重要的主题，它涉及到不同版本的ECMAScript（ES5和ES6）中循环结构的使用。在ES5中，主要有三种常见的for循环： 1. **简单for循环**： 这是最基础的for循环形式，...
javascript中for/in循环及使用技巧
10-23
JavaScript是一种广泛使用的编程语言...然而，由于for/in循环在遍历数组时存在不确定性，因此对于数组的遍历推荐使用传统for循环或forEach()方法。掌握这些知识点和技巧，对于进行高效和正确的JavaScript编程至关重要。
深入解读JavaScript中的Iterator和for-of循环
10-23
在ES5及以前的JavaScript版本中，遍历数组元素通常会使用传统的for循环。如下： ```javascript for (var index = 0; index ; index++) { console.log(myArray[index]); } ``` 后来，随着JavaScript的发展，我们有...
十 js中forEach，for in，for of循环的用法
jadeshu的博客
11-04 1642
一、一般的遍历数组的方法: var array = [1,2,3,4,5,6,7]; for (var i = 0; i &lt; array.length; i++) { console.log(i,array[i]); } 二、用for in的方遍历数组，得到的是索引 var array = [1,2,3,4,5,6,7]; for(let index i...
遍历器Iterator
newway007的博客
10-23 272
遍历器（Iterator）是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口，就可以完成遍历操作（即依次处理该数据结构的所有成员）。 Iterator的作用有三个：一是为各种数据结构，提供一个统一的、简便的访问接口；二是使得数据结构的成员能够按某种次序排列；三是ES6创造了一种新的遍历命令for...of循环，Iterator接口主要供for......
js中for-in 和for-of
发渐稀的博客
07-15 1223
区别一：for in 和 for of 都可以循环数组，for in 输出的是数组的index下标，而for of 输出的是数组的每一项的值。总结：for in适合遍历对象，for of适合遍历数组。for in遍历的是数组的索引，对象的属性，以及原型链上的属性。对象，只能遍历带有iterator接口的，例如 Set, Map, String, Array。区别二：for in 可以遍历对象，for of。一样,是直接得到值。
JavaScript：浅析for...of、for...in，简单易懂~
最新发布
qq_46999566的博客
08-24 543
for in：适用于遍历对象；输出的值为key值；会遍历原型链上的属性；不能保证返回对象属性的顺序。换句话说，所有可枚举的属性都会返回一次，但返回的顺序可能会因浏览器而异；for of：适用于遍历数组等内置迭代器的数据；输出的值为value值；不会遍历原型链上的属性；按照可迭代对象的next()方法产生值的顺序迭代元素；
JS中for-in语句与for-of语句
独酌101112的博客
08-18 756
JS从其他语言中借鉴了很多流控制语句，最典型的就是for，作为前测试循环语句，不得不提一下其中的for-in与for-of语句。 首先来看一下for-in，权威解释（W3school、菜鸟教程、JavaScript高级程序设计）为用于遍历数组或者对象的属性 来看一下实例： var arr = [1, '2', 3, null, '4', undefined]; for(var i in arr){ console.log(i); } // 0 // 1 // 2 // 3 // 4 // 5 可以
关于JavaScript 的 for、for-in 和 for-of
weixin_62992614的博客
08-12 394
循环是ES6中引入的一种新的循环迭代方式。它可以迭代所有可迭代对象（如数组、字符串、Set、Map等）的元素。循环可以简化迭代过程，并且它不需要显式的索引或迭代变量。循环是一种基本的循环结构，通过指定初始条件、循环条件和循环步进条件，可以迭代指定次数的循环。循环用于迭代对象的可枚举属性。它会迭代对象中所有可枚举的属性，包括原型链上的属性。需要根据具体的需求和循环迭代的对象选择合适的循环结构。循环来迭代数组和其他可迭代对象，而在遍历对象的属性时可以使用。循环适用于遍历对象的属性或数组的索引。
js中for in,for of,for Each方法
ZKY的博客
05-30 968
for in方法的使用，它可以遍历对象，或者数组（大部分用于遍历对象使用） let arr = [5,6,7，8] let obj={a:1,b:2,c:3,d:4} //遍历数组 for(let i in arr){ consloe.log(i)//这里输出的是数组arr当前的下标0 1 2 3 consloe.log(arr[i])//这里输出的就是数组arr里边的每个元素 5 6 7 8 } //遍历对象 for(let key in obj){ consloe.log(key)//这里输出的是
JS中 for in 与 for of的区别
热门推荐
nO0b
10-06 3万+
最直接的区别就是: for in遍历的是数组的索引（即键名）， 而for of遍历的是数组元素值。 Array.prototype.method=function(){} var myArray=[1,2,4]; myArray.name="数组"; for (var index in myArray) console.log(myArray[index]); //0,1,...
解析javascript中的for in和for of
SSS4362的博客
09-11 1784
解析javascript中的for in和for of
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值