养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

js如何实现for的两重循环换行

时间:2024-10-29 01:33:42

刚学js,对循环的方式以及换行的方式会比较陌生,特别是换行,在不同情况下要使用不同的换行符。下面用个小例子介绍两种情况下使用js如何实现for的两重循环换行。

工具/原料

Notepad++

chrome浏览器

方法/步骤

1、先在一个文件夹下创建index.html文件。

js如何实现for的两重循环换行

2、创建完后,在html文件中添加基本的页面标签。

js如何实现for的两重循环换行

3、接下来就是要用js编写代码。图中代码就是第一牡啾锯辏种换行方式,使用的是"\n"作为换行符。使用这个换行符的情况是,如果你显示的数据不是输出在h墉掠载牿tml页面上,就使用"\n"作为换行符。图中代码的过程是,在内部的循环中,每执行一次,就给字符串添加一个换行符,然后最后通过弹窗的方式将字符串显示出来。需要注意一点,js中变量的声明都是用var来当做数据类型的,所以用于循环计数的i,j的数据类型都为var。

js如何实现for的两重循环换行

4、按上图编辑好index.html文件后,使用浏览器打开index.html文件,结果如图。从图中可以看到,弹出的窗口,将四个名字显示成了两行,说明换行成功。

js如何实现for的两重循环换行

5、接下来说说第二种情况。通常使用js都是会将数倌栗受绽据显示在html页面上,这时换行符就不能用"\n"了,此时应该弋讥孜求使用"<br/>"。如图修改index.html文件。

js如何实现for的两重循环换行

6、修改完index.html文件后,再次使用浏览器打开index.html文件,运行结果如图。这样就成功在页面上显示用js处理过的字符串了。

js如何实现for的两重循环换行

© 一点知识