数组的一些循环对比

最新推荐文章于 2025-01-07 09:15:00 发布

zsq-rookie

最新推荐文章于 2025-01-07 09:15:00 发布

阅读量307

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： javascript es6 前端

本文链接：https://blog.youkuaiyun.com/weixin_59104495/article/details/121159098

js 专栏收录该内容

4 篇文章

订阅专栏

这篇博客详细介绍了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)