Javascript之数组遍历-优快云博客

本文详细介绍了JavaScript中数组的多种遍历方式，包括for...in、for循环、迭代器（如forEach、every、some）及for...of。深入探讨了@@iterator对象的使用，以及如何为普通对象自定义@@iterator实现迭代。

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

一、遍历数组的几种方式

1、for...in遍历数组，会遍历数组的索引和数组原型上的对象

2、for循环直接遍历

3、迭代器：forEach（遍历数组中所有的值，并忽略回调函数返回的值）、every（一直运行直到返回false）、some（一直运行直到返回true）等遍历

4、for...of直接遍历数组中的值

对于for...of,只要是可以迭代的对象都可以用for...of来遍历，也就是内部实现了iterator的对象

var arr = ["1", "4", "7", "9", "11"]
for(v of arr) {
  console.log(v)
}

　　数组中内置@@iterator对象，使用方式如下：

var arr = [1, 2, 4]
var it = arr[Symbol.iterator]()
it.next()//{value: 1, done: false}
it.next()//{value: 2, done: false}
it.next()//{value: 4, done: true}

　　普通对象中没有实现@@iterator对象，但是我们可以给对象自定义@@iterator

利用Object.defineProperty来给对象中的属性定义特性，利用闭包来实现值的移位。

var obj = {
    a: '1',
    b: '5'
}

Object.defineProperty(obj, Symbol.iterator, {
  enumerable: false,
  writable: false,
  configurable: true,
  value: function() {
      var o = this;
      var idx = 0;
      var ks = Object.keys(o)
     
      return {
         next: function() {
            return {
               value: o[ks[idx++]],
               done: (idx >= ks.length)
            }
         }
      }
  }
  
})

var it = obj[Symbol.iterator]()
it.next()
it.next()

转载于:https://www.cnblogs.com/yy95/p/9736468.html