美文网首页2020前端
js数组和对象的六大迭代方法总结(判断2,过滤,映射,遍历2)

js数组和对象的六大迭代方法总结(判断2,过滤,映射,遍历2)

作者: 悟空你又瘦了 | 来源:发表于2017-08-03 15:26 被阅读0次

every(): 对数组中的每一项运行给定的函数,如果该函数对每一项都返回true,则结果返回true。
some(): 对数组中的每一项运行给定函数,如果该函数任意一项返回true,则返回true。
filter(): 对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组。
map(): 对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。
forEach(): 对数组中的每一项运行给定函数,这个方法没有返回值。

  • every()
对数组中的每一项运行给定的函数,如果该函数对每一项都返回true,则结果返回true。
var arr = [1,1,3,4,5,6]
    var result = arr.every(function(item,index,arry){
        return (item > 2)   ---判断条件
    })
    console.log(result)----false
  • some()
对数组中的每一项运行给定函数,如果该函数任意一项返回true,则返回true。
var arr = [1,1,3,4,5,6]
    var result = arr.some(function(item,index,arry){
        return (item > 2)   ---判断条件
    })
    console.log(result)----true
  • filter()
对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组(过滤)
    var arr = [1,3,3,4,5,6]
    var result = arr.filter(function(item,index,arry){
        return (item > 2)   
    })
    console.log(result) --- [3, 3, 4, 5, 6]
  • map()
对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组(映射)
    var arr = [1,3,3,4,5,6]
    var result = arr.map(function(item,index,arry){
        return (item* 2)   
    })
    console.log(result)--- [2, 6, 6, 8, 10, 12]
  • forEach()-----没有返回值
对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组(遍历,对每一项操作)
var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
numbers.forEach(function(item, index, arr) {
    item = item+1
    console.log(item)---- 2,3,4,5,6,5,4,3,2,
});
console.log(numbers)---[1, 2, 3, 4, 5, 4, 3, 2, 1]
  • for....in...-----遍历对象
对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组(遍历,对每一项操作)
var obj = {a: 1, b: 2};  
for (let i in obj) {  
 console.log("key:" + i + ", value:" + obj[i]);  
} 
key:a, value:1
 key:b, value:2

相关文章

  • js数组和对象的六大迭代方法总结(判断2,过滤,映射,遍历2)

    every(): 对数组中的每一项运行给定的函数,如果该函数对每一项都返回true,则结果返回true。some(...

  • 2018-08-19

    判断是否可迭代 for in遍历 数组能迭代,对象不能迭代for of迭代数组和对象只是原型不一样罢了,内存都是一...

  • JavaScript迭代

    遍历对象 方法1 方法2 遍历数组 方法1 方法2 方法3 map数组 filter数组 reduce数组 找到某...

  • 遍历数组和对象2018-08-14

    js数组遍历和对象遍历 针对js各种遍历作一个总结分析,从类型用处:分数组遍历和对象遍历;还有性能,优缺点等。 J...

  • 数组2

    js数组遍历和对象遍历 针对js各种遍历作一个总结分析,从类型用处:分数组遍历和对象遍历;还有性能,优缺点等。 J...

  • JS去除数组对象相同的数据

    // 方法1:利用对象访问属性的方法,判断对象中是否存在key // 方法2:利用reduce方法遍历数组,r...

  • ES5新增方法

    1. 数组方法forEach遍历数组 2. 数组方法filter过滤数组 3. 数组方法some 4. some和...

  • 指令5——(v-for)

    一、v-for1、迭代数组遍历数组中的每一项。也可以是对象数组。 2、迭代对象中的属性 3、迭代数字迭代数字,次数...

  • 重写数组的扩展方法

    1、forEach:遍历数组 2、filter:过滤 用来筛选符合条件的元素。 3、map 映射 4、every...

  • 前端常用数组方法

    es6 filter() 数组过滤方法总结1.创建一个数组,判断数组中是否存在某个值 2.也可以通过上面方法过滤掉...

网友评论

    本文标题:js数组和对象的六大迭代方法总结(判断2,过滤,映射,遍历2)

    本文链接:https://www.haomeiwen.com/subject/mgdplxtx.html