专栏首页视频播放数组常用循环
原创

数组常用循环

对于JS我们常见的循环有下面这些:

  for 循环
  for in 循环
  for of 循环
  forEach()
  map()
  filter()
  some()
  every()

下面要循环的数组

 var arr = ['a', 'b', 'c'];

1、for 循环

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

2、for in 循环

for (var i in arr) {
    console.log(arr[i])
}

3、for of 循环

// for of 循环 直接得到的就是值  !!!
for (var v of arr) {
    console.log(v)
}

4、forEach() 循环

// forEach循环没有返回值 默认返回 undefined
var newArr = [];
arr.forEach(function (v, i) {
    // console.log(v, i)
    // return v + '哈';  // 这能这样子!!! 没有返回值
    newArr.push( v + 'haha' )
})
// console.log(newArr)  // undefined
console.log(newArr)  

5、map循环方法

// map方法 和foreach一样,它会把返回的元素,添加进入一个新数组,然后,返回这个全新的数组
var newArr = arr.map(function (v, i) {
    // console.log(v, i)
    return v + '嘿嘿'
})
console.log(newArr)

6、filter循环方法

// filter是循环数组,然后过滤数据, 把满足条件的过滤出来,返回一个全新的数组
var ages = [16, 17, 18, 19, 20];
var newAges = ages.filter(function (v, i) {
    // console.log(v, i)
    return v >= 18;
})
console.log(newAges)

7、some 循环方法

// some 循环方法, 只要有一个满足 就返回true 否则返回false
var ages = [16, 17, 18, 19, 20];
var rst = ages.some(function (v, i) {
    // console.log(v, i)
    return v > 19
})
console.log(rst)

8、every 循环方法

// every 循环方法 每一个都满足 才返回true 否则返回false
var ages = [16, 17, 18, 19, 20];
var rst = ages.every(function (v, i) {
    // console.log(v, i)
    return v >= 16
})
console.log(rst)

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

相关文章

  • javaScript 循环遍历大全

    写下这篇文章的目的,主要是想总结一下关于JS对于集合对象遍历的方式方法,以及在实际应用场景中怎样去使用它们。本文会主要介绍:while,for,forEach,...

    用户6973020
  • JavaScript array对象

    concat()可以基于当前数组中的所有项创建一个新数组。即这个方法会先创建当前数组一个副本,然后将接收到的参数添加到这个副本的末尾,最后返回新构建的数组。

    用户6973020
  • js中reduce的用法(二) 详解与注意事项

    reduce()是将数组数据的每个元素累积为一个值的最佳方法,所以本篇文章我们就来详细介绍一下JavaScript中reduce()的使用方法。

    用户6973020
  • 使用关键字创建具有局部作用域的JavaScript变量

    第一个for循环,用var定义的变量i,在出了for循环之后,仍然可以在代码中访问;

    Jerry Wang
  • Perl_控制结构(2)

    while($i){print “$i “;$i--;};         #输出:4 3 2 1

    西游东行
  • js --- for in 和 for of

    前言:for of是ES6新增的循环方法。前面已经说到了 【JavaScript】for、forEach 、for in、each循环详解。那for of又是怎...

    小蔚
  • VB语言基础重要知识点13

    在代码提示选中的时候,选中的这一项,按下tab这个键。这样的好处是能够将我们的光标定位在当前这行代码的末尾。如果按回车键会换行,会降低写代码的效率。

    刘金玉编程
  • Go 语言基础入门教程 —— 流程控制篇:循环语句

    与其它编程语言不同的是,Go 语言中的循环语句只支持 for 关键字,而不支持 while 和 do-while 结构。关键字 for 的基本使用方法与 PHP...

    学院君
  • Github项目推荐 | GAN评估指标的Tensorflow简单实现

    AI研习社
  • Kotlin入门(7)循环语句的操作

    上一篇文章介绍了简单分支与多路分支的实现,控制语句除了这两种条件分支之外,还有对循环处理的控制,那么本文接下来继续阐述Kotl...

    用户4464237

扫码关注云+社区

领取腾讯云代金券