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

最新推荐文章于 2022-10-17 17:07:03 发布

yooo*

最新推荐文章于 2022-10-17 17:07:03 发布

阅读量445

点赞数 2

分类专栏： Javascript 文章标签：前端 javascript es

本文链接：https://blog.csdn.net/Y_ooo/article/details/121527967

版权

Javascript 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

一、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*

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
JS: for循环、for-in与for-of的使用

一、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;
复制链接

扫一扫