欢迎,感谢你能来...

找到回家的路:
首页 > 前端分享 > JS/JQuery > js数组的迭代方法
JS/JQuery

js数组的迭代方法

作者:Fanda 发布日期:2019-05-22 围观人数:425人

简介

原生js Array给我们提供很多了方法。方便我们操作数组.这些方法的参数,都需要传入一个匿名函数,匿名函数中有三个参数,分别含义是:数组中的项、该项的索引、以及数组本身。

ES5为数组对象定义了5个迭代方法(即递归,简单的说就是自己可以调用自己)。

每个方法接收两个参数:要在每一项上运行的函数(接收3个参数:数组项的值,该项在数组中的位置,数组对象本身)和(可选的)运行该函数的作用域对象——影响this的值。

array.xxx(function(item,index,arr), thisValue)

参数 描述
item 必须。当前元素的值
index 可选。当前元素的索引值
array 可选。当前元素属于的数组对象
thisValue 可选。对象作为该执行回调时使用,传递给函数,用作 “this” 的值。如果省略了 thisValue ,”this” 的值为 “undefined”

1.every()对数组中的每一项运行给定函数,如果该函数每一项都返回true,测返回true

var num = [1,2,3,4,5,4,3,2,1];
var everyTest = num.every(function(item,index,array){
    return (item > 2 );
})
console.log(everyTest); //false

2.some()对数组中的每一项运行给定函数,如果该函数任一项都返回true,测返回true

var num = [1,2,3,4,5,4,3,2,1];
var everyTest = num.some(function(item,index,array){
    return (item > 2 );
})
console.log(everyTest); // true

3.filter()对数组中的每一项运行给定函,返回该函数会返回true的项组成的数组

var num = [1,2,3,4,5,4,3,2,1];
var filterTest = num.filter(function(item,index,array) {
    return (item > 2);
});
console.log(filterTest) // [3, 4, 5, 4, 3]

4.map()对数组中的每一项运行给定函,返回每次函数调用的结果组成的数组

var num = [1,2,3,4,5,4,3,2,1];
var mapTest = num.map(function(item,index,array) {
    return (item * 2);
})
console.log(mapTest) //[2, 4, 6, 8, 10, 8, 6, 4, 2]

5.forEach()对数组中的每一项运行给定函,该函数没返回值,本质上与for循环一样

var num = [1,2,3,4,5,4,3,2,1];
var foreachTest = num.forEach(function(item,index){
    console.log(item)// 1,2,3,4,5,4,3,2,1
})

以上5种方法,都不会改变数组本身。都不会改变数组本身。

(完)

Tags:

转载 云中不知处博客欢迎分享,转载请说明文章出处“ 来源云中不知处博客 http://www.saymiss.com/archives/163 “。
很赞哦!( 0)

上一篇:

下一篇:没有了,已经是最新文章

( 0 )个小伙伴在吐槽

访客评论


站点统计

  • 更新时间:2020-05-06 07:26
  • 文章总数:32
  • 评论总数:17
  • 标签总数:24
  • 运行时间: 540
我的微信
  • 网站赞助:阿里云、腾讯云、百度云、奇虎360、网易云音乐、音悦台、京东商城,哦以上这些都没有。
  • 网站制作:页面设计:Fanda;前端开发:Fanda;后台功能:Fanda;主题开发:Fanda;技术支持:Fanda。我就是天才...
免责声明
  • 1、本站个人博客模板,均为Fanda本人设计,可供个人学习和使用,未经许可不得用于任何商业目的。
  • 2、本站部分文章来自网络,请您放心,所有转载文章内容皆保留来源链接,如本站有著作权属于你的文章内容,而本站并未放上链接或有其他原因侵权,请E-mail: fzh2812@163.com,我会在48小时内删除相关内容,敬请谅解!
碎言碎语
  • 三生有幸遇见你,纵使悲凉也是情

    2020-05-07
  • 忍一时风平浪静,退一步越想越气

    2020-03-21
  • 最近996

    2019-11-09
  • 最近有点忙,996啊

    2019-07-29
  • 端午3天我就没下过楼,出过门

    2019-06-09
  • 今天不小心,谈成了一笔小生意

    2019-05-26
  • 今天为公司推荐一个java后台

    2019-05-24

©2019 云中不知处 Powered by WordPress 文章归档 免责声明 网站地图 百度统计