我的编程空间,编程开发者的网络收藏夹
学习永远不晚

JavaScript数组迭代的方法

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

JavaScript数组迭代的方法

今天小编给大家分享一下JavaScript数组迭代的方法的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

Array.map()

map() 方法通过对每个数组元素执行函数来创建新数组。

map() 方法不会对没有值的数组元素执行函数。

map() 方法不会更改原始数组。

这个例子将每个数组值乘以2:

实例

var numbers1 = [45, 4, 9, 16, 25];

var numbers2 = numbers1.map(myFunction);

function myFunction(value, index, array) {

  return value * 2;

}

请注意,该函数有 3 个参数:

项目值

项目索引

数组本身

当回调函数仅使用 value 参数时,可以省略索引和数组参数:

实例

var numbers1 = [45, 4, 9, 16, 25];

var numbers2 = numbers1.map(myFunction);

function myFunction(value) {

  return value * 2;

}

所有浏览器都支持 Array.map(),除了 Internet Explorer 8 或更早的版本:

Yes 9.0 Yes Yes Yes

Array.filter()

filter() 方法创建一个包含通过测试的数组元素的新数组。

这个例子用值大于 18 的元素创建一个新数组:

实例

var numbers = [45, 4, 9, 16, 25];

var over18 = numbers.filter(myFunction);

function myFunction(value, index, array) {

  return value > 18;

}

请注意此函数接受 3 个参数:

项目值

项目索引

数组本身

在上面的例子中,回调函数不使用 index 和 array 参数,因此可以省略它们:

实例

var numbers = [45, 4, 9, 16, 25];

var over18 = numbers.filter(myFunction);

function myFunction(value) {

  return value > 18;

}

所有浏览器都支持 Array.filter(),除了 Internet Explorer 8 或更早的版本

以上就是“JavaScript数组迭代的方法”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注编程网行业资讯频道。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

JavaScript数组迭代的方法

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

一篇文章带你了解JavaScript 数组迭代方法

在数组中的每个元素上一次操作的方法,称为迭代方法。数组的迭代方法与循环紧密相关。
JavaScript2024-11-30

es6中迭代数组的方法有哪些

这篇文章主要介绍了es6中迭代数组的方法有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇es6中迭代数组的方法有哪些文章都会有所收获,下面我们一起来看看吧。迭代方法:1、map,用于根据某种规则映射数组,得
2023-07-04

JAVA 中数组迭代有哪些方式?(JAVA中数组迭代的方式有哪几种)

在JAVA编程中,数组迭代是一种常见的操作,用于遍历数组中的元素。以下是几种常见的JAVA中数组迭代的方式:一、使用普通的for循环这是最基本的数组迭代方式,通过指定数组的索引范围来遍历数组。以下是示例代码:
JAVA 中数组迭代有哪些方式?(JAVA中数组迭代的方式有哪几种)
Java2024-12-15

关于PHP数组迭代器的使用方法实例

近来在开发一个视力筛查电子报告系统的产品,这个产品的作用是自动提取视力筛查过程中得到的屈光检查数据,并结合数据自动生成通俗易懂且专业的电子报告,以方便家长可以通过公众号或H5链接查阅。要实现这个需求,第一步是对验光设备里打印出来的纸质报告做OCR,图片识别接口
2015-05-29

NumPy迭代数组的实现

本文主要介绍了NumPy迭代数组的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
2023-02-19

编程热搜

目录