javascript中的循环

javascript中循环的方法很多,整理一下,现在假设有

数组 a = [0,1,2,3]  //Array

对象 b = {name:"zhangc", age:18, sex:"M"}  //Object

  1. for (初始化变量; 条件表达式; 迭代语句) {
         需要执行的代码块;
    }
    for(let i=0;i<a.length;i++){console.log(i)} 最原始的方法
  2. for-in,  可以用来遍历对象,例如
    for(let i in b){console.log(i)}, 这样就可以获得在b对象中所有key,使用b[i]即可获得i对应的value
    虽然for-in也可以用来遍历数组,例如 for(let i in a){console.log(i)},但并不建议这么作,如果喜欢这种书写方式可以试试for-of
  3. for-of  ES6中新加入的循环。可以循环数组, 字符串,以及其他集合或类数组的对象,请记住使用
    for-in遍历对象, 使用for-of来遍历数组,两者存在很大不同,执行以下几个语句即可分辨。
    for(let i in a){console.log(i)}    (不建议, 为遍历对象提供的)
    for(let i in a){console.log(typeof(i))}    ( 由此可以发现每次的i,虽然显示的数组元素的序号 是个string)
    for(let i in b){console.log(i)}      (建议, 用来遍历对象)
    for(let i in b){console.log(b[i])}

    for(let i of a){console.log(i)}       (遍历数组推荐使用,写法简洁,循环数组的方法, i是数组中的每一项)
    for(let i of a){console.log(typeof(i))}  
  4. forEach, Array本身的方法之一,无法中断,但可以跳过空值
    a.forEach(function(value, index, array){
            console.log(value)
    })
    这是我们最常用的方式, forEach中接收一个函数,这个函数有三个参数,分别是循环的值,序号,数组本身(value, index,array), 而通常我们只用第一个。此外,在forEach中是无法使用continue;break中断循环的。可以试试以下两个语句:
    a.forEach(i =>{if(i<2){continue;}else{console.log(i)}})
    a.forEach(i =>{if(i<2){return false;}else{console.log(i)}})
  5. 数组本身的方法, 接收一个函数, 函数的参数为每一项的值,函数中提供一个判断条件且一定要有return
    a.map((i)=>{return i*2})       (生成一个新数组)
    a.filter(i=>{return i>2})        (返回每项大于2的新数组)
    a.find(i=>{return i >2})         (返回第一个满足条件的)   没有返回undefined
    a.findIndex(i=>{return i >2})  (返回第一个满足条件的值的序号,没有-1) 
    a.some((i)=>{return i<3})      (返回false/true, 判断数组中有无一个满足条件的值)
    a.every((i)=>{return i>-1})     (返回false/true, 判断数组中的值是否全部满足条件)
  6. entires(), Es6中新加入的循环方式,返回一个遍历器,例如
    let en = a.entires()
    en.next()     返回一个对象   {value:[0,1], done:false}     (value数组中分别是序号和元素, done标识该遍历器是否到还有数据,是否该结束, false表示后面还有数据, true表示结束的时候到了),这时继续调用en.next(),即可获得a数组中的所有值。一般结合for-of使用,例如
    for (let [i, e] of a.entries()) {
      console.log(i, e);
    }
  7. 其他容易混淆的循环方法
    $.each 是jquery中提供的循环方法,
    $.each(a, function(i,e){console.log(i, e)})
  8. 其他
    sort 排序
    let c= [4,7,5,2,3,1,6]
    c.sort()    这时c会按照从小到大排列, 注意,这个操作会改变数组本身
    sort 也是接收一个函数作为参数,试试
    c.sort((a,b)=>{return b-a})
    数组拼接成字符串 toString, join
    遍历查找数组:include,indexOf
     
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值