for forEach map for in for of区别

本文详细介绍了JavaScript中五种常用的循环方法:for、forEach、for...in、for...of及map的区别与用法。for循环支持break、return和continue;forEach无法使用这些语句,但可通过索引修改原数组;map用于遍历数组并默认返回新数组;for...in用于遍历对象属性和原型链;for...of则用于遍历可迭代对象。

for,forEach, for in, for of , map区别
1.for 可以加break return continue
2.forEach不能加 break return continue
可以改变原数组,需要通过索引方式

//数组-基本数据类型
let array = [1,2,3,4];

array.forEach((num,index) => {
    if(num === 4){
        array[index]= 5
    }    
 })
 console.log(array)  //[1,2,3,5]

3.map 只能遍历数组,默认有返回值
var arr = [‘星期一’, ‘星期二’, ‘星期三’];
var a = arr.map(function(item){
console.log(item)
return item === ‘星期二’
})
console.log(a)

3.for in会遍历原型链数据
var arr = [“星期一”,“星期二”,“星期三”];
Array.prototype.something = [“放假”,“休息咯”];
for (var i in arr){ // i是下标(索引)
console.log(arr[i])
}

for in 遍历对象的key值,和数组下标
var obj ={“a”:1,“b”:2,“c”:3}
for (let i in obj){
console.log(obj[i])
}
// 1
// 2
// 3

4.for of遍历迭代器的值。如:

const iterable = new Set([1, 1, 2, 2, 3, 3]);
for (const value of iterable) {
console.log(value);
}
// 1
// 2
// 3

const iterable = ‘boo’;
for (const value of iterable) {
console.log(value);
}
// “b”
// “o”
// “o”

const iterable = new Map([[‘a’, 1], [‘b’, 2], [‘c’, 3]]);
for (const entry of iterable) {
console.log(entry);
}
// [‘a’, 1]
// [‘b’, 2]
// [‘c’, 3]

for (const [key, value] of iterable) {
console.log(value);
}
// 1
// 2
// 3

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端段

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值