js数组 遍历方法

 时间:2024-10-14 16:08:07

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

最简单数组

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

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数组 遍历方法
  • js遍历数组的方法
  • js如何遍历数组
  • js数组方法大全
  • 怎么来遍历javascript(js)中的数组?
  • js清空数组的方法
  • 热门搜索
    劳动节手抄报简单好画 春天手抄报图片 元宵节手抄报图片大全简单又漂亮 关于文明礼仪的手抄报 科技手抄报内容资料 溺水手抄报 文明交通手抄报 童心向党手抄报图 元宵节手抄报图片 禁毒手抄报内容写什么