千家信息网

JavaScript中数组怎么遍历

发表于:2026-11-02 作者:千家信息网编辑
千家信息网最后更新 2026年11月02日,这篇文章主要讲解了"JavaScript中数组怎么遍历",文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习"JavaScript中数组怎么遍历"吧!JavaS
千家信息网最后更新 2026年11月02日JavaScript中数组怎么遍历

这篇文章主要讲解了"JavaScript中数组怎么遍历",文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习"JavaScript中数组怎么遍历"吧!

JavaScript中遍历数组的方法:1、使用for循环语句;2、使用forEach()方法调用回调函数;3、使用map()方法调用回调函数;4、使用"for..in"循环语句;5、使用"for…of"循环语句。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

在使用 JavaScript 编写代码过程中,可以使用多个方法对数组进行遍历;包括 for循环、forEach循环、map 循环、forIn循环和forOf循环等方法。

一、for 循环:基础、简单

这是最基础和常用的遍历数组的方法;各种开发语言一般都支持这种方法。

let arr = ['a','b','c','d','e'];for (let i = 0, len = arr.length; i < len; i++) {  console.log(i);    // 0 1 2 3 4  console.log(arr[i]); //a b c d e}

二、forEach() 方法:使用回调函数

forEach() 这是数组对象的一个方法;其接受一个回调函数为参数。
回调函数中有三个参数:

  • 1st:数组元素(必选)

  • 2nd:数组元素索引值(可选)

  • 3rd:数组本身(可选)

let arr = ['a','b','c','d','e'];arr.forEach((item,index,arr)=> {  console.log(item);  // a b c d e   console.log(index); // 0 1 2 3 4  console.log(arr);  // ['a','b','c','d','e']})

三、map() 方法:使用回调函数

其使用方式和 forEach() 方法相同。

var arr = [  {name:'a',age:'18'},  {name:'b',age:'19'},  {name:'c',age:'20'}];arr.map(function(item,index) {  if(item.name == 'b') {    console.log(index) // 1  }})

四、for..in 循环:遍历对象和数组

for…in循环可用于循环对象和数组。
推荐用于循环对象,也可以用来遍历json。

let obj = {  name: '王大锤',  age: '18',  weight: '70kg'}for(var key in obj) {  console.log(key);    // name age weight  console.log(obj[key]); // 王大锤 18 70kg}----------------------------let arr = ['a','b','c','d','e'];for(var key in arr) {  console.log(key); // 0 1 2 3 4 返回数组索引  console.log(arr[key]) // a b c d e}

五、for…of 循环:遍历对象和数组

可循环数组和对象,推荐用于遍历数组。

for…of提供了三个新方法:

  • key()是对键名的遍历;

  • value()是对键值的遍历;

  • entries()是对键值对的遍历;

let arr = ['科大讯飞', '政法BG', '前端开发'];for (let item of arr) {  console.log(item); // 科大讯飞 政法BG 前端开发}// 输出数组索引for (let item of arr.keys()) {  console.log(item); // 0 1 2}// 输出内容和索引for (let [item, val] of arr.entries()) {  console.log(item + ':' + val); // 0:科大讯飞 1:政法BG 2:前端开发}

六、补充

6.1、break 和 Continue 问题

在 forEach、map、filter、reduce、every、some 函数中 break 和 continue 关键词都会不生效,因为是在function中,但function解决了闭包陷阱的问题。

要想使用 break、continue 可以使用 for、for...in、for...of、while。

6.2、数组和对象

用于遍历数组元素使用:for(),forEach(),map(),for...of 。

用于循环对象属性使用:for...in。

感谢各位的阅读,以上就是"JavaScript中数组怎么遍历"的内容了,经过本文的学习后,相信大家对JavaScript中数组怎么遍历这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是,小编将为大家推送更多相关知识点的文章,欢迎关注!

数组 循环 方法 对象 函数 索引 开发 元素 内容 前端 语句 问题 讯飞 学习 三个 参数 基础 这是 王大 推荐 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 哈尔滨大商圈互联网科技有限公司 深圳九邦互联网科技有限公司 关于新基建和互联网科技 互联网的科技创新 互联网金融科技委员会 互联网科技有限公司 翻译 互联网之后的科技是什么 健康食品互联网创新科技园项目 互联网保险科技创业 四川慕妮娅互联网科技有限公司 科技大学互联网 深圳互联网科技的发展 郑州欣桑互联网科技有限公司 广东鹅鹅鹅互联网科技有限公司 唐山双旺合互联网科技产业园 玉溪新华互联网科技怎么选 上海旺乐尼互联网科技有限公司 恒生互联网科技趋势 瑞安市蟠桃会互联网科技有限公司 广州全民伙伴互联网科技有限公司 高科技互联网 疫情对互联网科技公司影响 善班互联网科技有限公司 互联网金融科技平台 丰台科技园 互联网 互联网科技宣传片 昊天互联网科技有限公司 厦门千工互联网科技有限公司 华夏互联网科技业 知域互联网科技有限公司大骗子
0