小结for、forEach、map

for、forEach、map都是用来循环的,性能依次递增。
后二只能循环数组,性能比for好很多,但缺点是不能及时跳出循环,必须循环全部结束才算完。

最基础的for:

    let arr = [];
    for (let i = 0; i < 10; i++) {
        arr[i] = i;
    }
    console.log(arr);//[0,1,2,3,...,9]

forEach、map都有三个项目可用:item(数组索引项)、index(数组下标)、array(原始数组)
forEach()返回值是undefined,不可以链式调用。
map()有返回值,返回一个新数组,原数组不会改变,它不会对空数组进行检测。

这里有一数组:
tableData: [{
          cno: '12306',
          cname: '面向对象程序设计',
          ctype:0,
          cstatus:1,
        }, {
          cno: '12138',
          cname: '数据结构与算法',
          ctype:1,
          cstatus:3
        }, {
          cno: '12580',
          cname: '富客户端开发',
          ctype:2,
          cstatus:3
        }],

我想要将cname下的所有项组成新数组:

 var arr=this.tableData.map((val,index)=>{
      console.log(val);
      return val.cname;    //不写return默认返回的是val一整项
    })
    console.log(arr);     //面向对象程序设计,数据结构与算法,富客户端开发

同样的方在forEach身上并不适用:

var arr2=this.tableData.forEach(val=>{
  console.log(val);
  return val.cname;   //forEach没有返回值
})
console.log(arr2)       //undefined

于是forEach更常用于这样:

var items = [...];  
items.forEach((item, i) => {  
   if (item.status == 'new') 
      this.apply(item, i)  
}); 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值