JavaScript--嵌套循环业务数据及函数设计

在前篇中,我们已经认识过了数组、对象和函数,在该篇中,我们将进一步接触它们。

数组遍历

与对象访问成员的方法不同,数组的访问需要通过下标

var arr=[12,15,18,31]
console.log(arr[2])

 但是,有时候我们需要访问数组中的全部元素,我想大部分人都想到了循环

var arr=[35,12.5,7,"hello",22]
for(var i=0;i<5;i++)
{
    console.log(arr[i])
}

在数组中,下标是从0开始的,但在许多时候,数组的长度并不是固定的,我们若是对每一个数组都写一个循环进行遍历的话是很繁杂的,因此,我们可以将其写入function函数内部,解决重复遍历的问题,那么,数组的长度该如何定夺呢?

function fn(arr) {
     for(i=0;i<arr.length;i++)
     {
        console.log(arr[i])
     }
}

 在上图中,我们length属性获取数组的长度,这样就不用担心各个数组长度不一的问题了。

嵌套循环

在实际的业务应用中,数组常常与对象等嵌套使用,当大量的代码摆在我们面前时,一行一行的代码紧密相接,我们难以在其中找到我们需要的数据,仅凭双眼,费时又费力

 (上图仅展示部分)

在这样的数据中,其本身就是嵌套对象和数组等元素组成的,将其在控制台打印,它的结构就开始明了了

 (上图为内部statuses数组)

访问其中所有的某个元素就可以进行遍历了,对其中的元素,对象用对象的访问方法,数组用下标就行了。

函数设计

在对一个函数进行设计时,我们要知道自己要做什么?怎么做?

做什么就是我们设计的函数需要实现的功能,将其如文章大纲一样列出

怎么做就是在做什么的基础上,将其用代码实现

fn(1)(2)[3](4)[5][6](7)

让我们再理解一些其它的吧,在上图中有一串代码,你能知道它的意思吗?

在函数的返回值中,我们不仅仅能返回数字,字符等,也可以返回函数;数组中能够放入的也包括函数

所以,对下图的解读为,调用了函数fn,返回了函数fn1,再调用fn1返回了一个数组,之后访问数组中下标为1的元素,这个元素是fn2,最后调用fn3

fn(1)(2)[1](3)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值