数组的一些循环对比

这篇博客详细介绍了JavaScript中常见的数组操作和遍历方法,包括for循环、forEach、every、for...in、for...of以及Array.prototype的相关方法如from、of、fill、find、findIndex等。通过实例展示了如何使用这些方法进行数组元素的访问、过滤、查找等操作,对于理解JavaScript数组处理非常有帮助。

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

const arr = [1, 2, 3, 4, 5]

 

 for循环

for (let i = 0; i < arr.length; i++) {
  console.log(arr[i])
}

for (let i = 0; i < arr.length; i++) {
  if (arr[i] === 2) {
    continue
  }
  console.log(arr[i])
}

forEach循环

arr.forEach(function (item) {
  console.log(item)
})

every循环 

arr.every(function (item) {
  console.log(item)
  return true
})

arr.every(function (item) {
  console.log(item)
})

arr.every(function (item) {
  if (item === 2) {
    return false
  } else {
    console.log(item)
    return true
  }
})

arr.every(function (item) {
  if (item === 2) {
  } else {
    console.log(item)
  }
  return true
})

for in 循环 

for (let index in arr) {
  if (index * 1 === 2) {
    continue
  }
  console.log(index, arr[index])
}

for of循环 

for (let item of arr) {
  console.log(item)
}

const Price = {
  A: [1.5, 2.3, 4.5],
  B: [3, 4, 5],
  C: [0.5, 0.8, 1.2],
}

for (let key in Price) {
  console.log(key, Price[key])
}

let args = [].slice.call(arguments)
let imgs = [].slice.call(document.querySelectorAll('img'))
console.log(args)

 Array.prototype.from


let args = Array.from(arguments)
let imgs = Array.from(document.querySelectorAll('img'))
imgs.forEach()

Array.from(arrayLike,mapFn,thisArg)

let array = Array(5)
for (let i = 0, len = array.length; i < len; i++) {
  array[i] = 1
}
cosole.log(array)

let array = Array.from({ length: 5 }, function () {
  return 1
})
console.log(array)

 Array.prototype.of

let array = Array.of(1)
console.log(array)

Array.prototype.fill

let array = Array(5).fill(1)
console.log(array

Array.fill(value,start,end)

let array = [1, 2, 3, 4, 5]
console.log(array.fill(8, 2, 4))
let array = [1, 2, 3, 4, 5]
let find = array.filter(function (item) {
  return item % 2 === 0
})
console.log(find)

 Array.prototype.find

let find = array.find(function (item) {
  return item % 2 === 0
})
console.log(find)

 Array.prototype.findIndex

let array = [1, 2, 3, 4, 5]
let find = array.findIndex(function (item) {
  return item % 2 === 0
})
console.log(find)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值