js遍历数组、字符串、对象的方法

最新推荐文章于 2025-05-28 17:21:59 发布

原创最新推荐文章于 2025-05-28 17:21:59 发布 · 3.5k 阅读

CC 4.0 BY-SA版权

文章标签：

18 篇文章

订阅专栏

本文介绍了JavaScript中数组遍历的基本方法，包括使用for循环、forEach()和map()等实用技巧。这些方法不仅能够帮助开发者轻松地处理数组数据，还能够有效地进行数据转换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

后端返回来的数据常常需要我们去遍历获取每一个值，或者对其进行相应的处理。而在不同的情况下我们往往需要对不同的数据类型进行遍历操作，最简单让人熟悉的莫过于对数组进行操作，所以先来说一下数组的遍历方法。

1.遍历数组

1.for循环遍历arr

let arr = [0,1,2,3]
for(let j=0;j<arr.length;j++){
++arr[j]
}
//结果 arr = [1,2,3,4]

2.array对象的实例方法

定义在构造函数Array.prototype属性上，让每一个实例对象array都继承的方法

1>forEach()

forEach()方法不会返回任何数据，但我们可以在遍历里对数组的每一项或者某一项进行操作，不会改变array

但你可以重新赋值给arr

let arr = [0,1,2,3]
arr.forEach((item,index)=>{
++item
//index为函数里的第二个参数，可以不加
})
//结果arr = [1,2,3,4]

2>map()

map方法将数组的所有成员依次传入参数函数，然后把每一次的执行结果组成一个新数组返回

其实map方法同forEach()方法，只不过会返回一个新的数组，同时你对数组项的操作对于原数组不生效的。

let arrtest  = [0,1,2,3]
let arrchange = arrtest.map((x)=>{
	return ++x
})
console.log("arrtest",arrtest)
console.log("arrchange",arrchange)