本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。
javascript主要的循环有:1、for循环;2、“for...in”循环;3、map方法;4、forEach循环;5、filter过滤循环;6、Object.keys遍历对象的属性。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
项目开发中,不管是建立在哪个框架基础上,对数据的处理都是必须的,而处理数据离不开各种遍历循环。javascript中循环遍历有很多种方式,记录下几种常见的js循环遍历。
一、for循环
for循环应该是最普遍的,使用最多的一种循环遍历方法了,所以也导致其可读性和易维护性比较差,但是它可以及时break出循环。
1 2 3 |
|
二、for...in
for...in循环主要针对于对象的遍历,当想要获取对象的对应键值时,使用for...in还是比较方便的
1 2 3 4 5 6 7 8 9 10 |
|
三、map
map方法将数组的所有成员依次传入参数函数,然后把每一次的执行结果组成一个新数组返回。循环中途是无法停止的,总是会将所有成员遍历完
1 2 3 4 5 6 |
|
map方法接受一个函数作为参数。该函数调用时,map方法向它传入三个参数:当前成员、当前位置和数组本身。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
|
四、forEach
forEach的使用方法和map使用方法差不多,只是forEach方法不返回值,只用来操作数据,且循环中途是无法停止的,总是会将所有成员遍历完
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
|
五、filter过滤循环
filter方法用于过滤数组成员,满足条件的成员组成一个新数组返回。它的参数是一个函数,所有数组成员依次执行该函数,返回结果为true的成员组成一个新数组返回。该方法不会改变原数组。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
|
ECMAScirpt5 中 Array 类中的 filter 方法使用目的是移除所有的 ”false“ 类型元素 (false, null, undefined, 0, NaN or an empty string):
1 2 3 |
|
Boolean 是一个函数,它会对遍历数组中的元素,并根据元素的真假类型,对应返回 true 或 false.
六、Object.keys遍历对象的属性
Object.keys方法的参数是一个对象,返回一个数组。该数组的成员都是该对象自身的(而不是继承的)所有属性名,且只返回可枚举的属性。
1 2 3 |
|
判断一个对象是否是空对象,可以用Object.keys(obj).length>0
【推荐学习:javascript高级教程】
以上就是javascript主要的循环有哪些的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《javascript》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者