javascript中遍历数组的几种方式

  • 内容
  • 评论
  • 相关

javascript中遍历数组的几种方式

有一个数组{0,1,2,3,4,5}通过循环遍历数组打印到页面中,每一行打印一个数字。

常用的循环语句有for、while、do-while、for-in,forEach以及jQuery中提供的循环的方法;ES6中提供的很多用来循环对象的方法如map。

在 Javascript 中,当某些条件得到满足时,用 break 语句来中断一个循环的运行。(注意:也可用 break 语句退出一个 switch 块。具体Javascript 条件语句)。如果是一个 for 或者 for...in 循环,在更新计数器变量时使用 continue 语句越过余下的代码块而直接跳到循环的下一次重复中。)

1.for循环
代码如下:

<script type="text/javascript">
var num=new Array(0,1,2,3,4,5);
for (var i=0;i<num.length;i++){
 document.write(num[i]+"<br />"); 
}
</script>

也可以反向for循环,这里就不写了。

在脚本的运行次数已确定的情况下使用 for 循环
语法:
for (变量=开始值;变量<=结束值;变量=变量+步进值)
{
需执行的代码
}

这里步进值可以为负。如果步进值为负,需要调整 for 声明中的比较运算符。

2.for...in声明遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)

//循环数组时for-in循环相对性能很差,其主要用于循环对象。
代码如下:

<script type="text/javascript">
var num=new Array(0,1,2,3,4,5);
var j;
for(j in num){
 document.write(num[j]+"<br />"); 
}
</script>

For...In 声明用于对数组或者对象的属性进行循环操作。

for ... in 循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次操作。

语法:
for (变量 in 对象)
{
在此执行代码
}“变量”用来指定变量,指定的变量可以是数组元素,也可以是对象的属性。

3.While 循环
代码如下:

<script type="text/javascript">
var num=new Array(0,1,2,3,4,5);
var k=0;
while(k<num.length){
 document.write(num[k]+"<br />");
 k++; 
}
</script>

while 循环用于在指定条件为 true 时循环执行代码。

语法:
while (变量<=结束值)
{
需执行的代码
}
注意:除了<=,还可以使用其他的比较运算符。

4.do-while循环

<script type="text/javascript">
var num=new Array(0,1,2,3,4,5);
var k=0;
do{
 document.write(num[k]+"<br />");
 k++;
}while(k<num.length)
</script>

do...while 循环是 while 循环的变种。该循环程序在初次运行时会首先执行一遍其中的代码,然后当指定的条件为 true 时,它会继续这个循环。所以可以这么说,do...while 循环为执行至少一遍其中的代码,即使条件为 false,因为其中的代码执行后才会进行条件验证。

语法:
do
{
需执行的代码
}
while (变量<=结束值)

5、forEach、map、jquery中$.each()以及ES6所提供的对象遍历方法

因文章篇幅问题,将作为单独的几篇文章贴出来。

IT技术资料分享个人整理自互联网。

每天学一点,基础很重要