js数组 遍历方法

2025-04-23 01:01:16

前端开发中,离不开js,js也经常用于处理数据,那么js怎么遍历数组呢,本文介绍一下,数组都不陌生,一种数据类型,处理数据中经常涉及到,下面简单的举几个数组的例子。。

最简单数组

1、如:var arr=['张三&拭貉强跳#39;,'李四','王五','赵六'];,这是最简单的数组形式,数组里面直接包含数据。

2、遍历方法如下图所示,也非常的简单,只要一个for循环就可以了。

js数组 遍历方法

3、运行结果如图所示。

js数组 遍历方法
js数组 遍历方法
js数组 遍历方法
js数组 遍历方法

数组中包含一层对象

1、如:var arr=[{'teacher':'李老师','student':'张华'},{'teacher':'孙老师','student':'李珊'}];,这也是用的比较多的一种数组形式,数组中包含对象。

2、遍历方法如下图所示,比第一种稍微麻烦一点。

js数组 遍历方法

3、运行结果如下图所示。

js数组 遍历方法
js数组 遍历方法

数组包含多层对象

1、如:var arr=[{'teacher':'李老师','student':'{"name":"张华","code":"1200001"}'},{'teacher':'孙老师','student':'{"name":"李珊","code":"13981111"}'}];

2、该例子学生对象包含了姓名和学号,遍历方法如下图所示,需要增加一步json转换的代码,这也是必须的,需要转成对象。

js数组 遍历方法

3、运行结果如下图所示。

js数组 遍历方法
js数组 遍历方法
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
相关推荐
  • 阅读量:52
  • 阅读量:61
  • 阅读量:72
  • 阅读量:52
  • 阅读量:41
  • 猜你喜欢