您的位置:首页 > Web前端 > JavaScript

javascript中五种迭代方法实例

2020-02-02 11:18 856 查看

温习一下js中的迭代方法。

<script type="text/javascript">
  var arr = [1, 2, 3, 4, 5, 4, 3, 2, 1];

  //所有项为false,则为false
  //否则直到遍历到第一个为true的值,返回true
  //类似于数学里的‘或’
  console.log(arr.some((item, index, array) => {
    console.log('type=some,' + 'item=' + item + ',index=' + index + ',array=' + array);
    return item > 3;
  }));

  //所有项都为true,则返回true
  //否则遍历到第一个为false的值,返回false
  //类似于数学里的‘与’
  console.log(arr.every((item, index, array) => {
    console.log('type=every,' + 'item=' + item + ',index=' + index + ',array=' + array);
    return item > 3;
  }));

  //遍历完全,返回由结果为true的值组成的数组
  console.log(arr.filter((item, index, array) => {
    //console.log('type=filter,' + 'item=' + item + ',index=' + index + ',array=' + array);
    return (item > 3);

  }));

  //遍历完全,将每一项带入函数,返回由结果组成的数组
  console.log(arr.map((item, index, array) => {
    //console.log('type=filter,' + 'item=' + item + ',index=' + index + ',array=' + array);
    return (item * 3);

  }));

  //遍历完全,类似for循环
  arr.forEach((item, index, array) => {
    console.log('type=forEach,' + 'item=' + item + ',index=' + index + ',array=' + array);
  });
</script>

转载于:https://www.cnblogs.com/tenfly/p/11443310.html

  • 点赞
  • 收藏
  • 分享
  • 文章举报
dilongwen2923 发布了0 篇原创文章 · 获赞 0 · 访问量 275 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: