Array.prototype.values()

values() 方法返回一个新的 Array Iterator 对象,该对象包含数组每个索引的值。

尝试一下

语法

values()

返回值

一个新的 Array 迭代对象。

示例

使用 for...of 循环进行迭代

const arr = ['a', 'b', 'c', 'd', 'e'];
const iterator = arr.values();

for (const letter of iterator) {
  console.log(letter);
}  //"a" "b" "c" "d" "e"

Array.prototype.valuesArray.prototype[Symbol.iterator] 的默认实现。

Array.prototype.values === Array.prototype[Symbol.iterator]  // true

使用 .next() 迭代

const arr = ['a', 'b', 'c', 'd', 'e'];
const iterator = arr.values();
iterator.next();               // Object { value: "a", done: false }
iterator.next().value;         // "b"
iterator.next()["value"];      // "c"
iterator.next();               // Object { value: "d", done: false }
iterator.next();               // Object { value: "e", done: false }
iterator.next();               // Object { value: undefined, done: true }
iterator.next().value;         // undefined

警告: 数组迭代器是一次性的,或者说临时对象

例子:

const arr = ['a', 'b', 'c', 'd', 'e'];
const iterator = arr.values();
for (const letter of iterator) {
  console.log(letter);
} //"a" "b" "c" "d" "e"
for (const letter of iterator) {
  console.log(letter);
} // undefined

解释:当 next().done=truecurrentIndex>length 时, for..of 循环结束。参见迭代协议

:数组迭代器中存储的是原数组的地址,而不是数组元素值。

const arr = ['a', 'b', 'c', 'd', 'e'];
const iterator = arr.values();
console.log(iterator);        // Array Iterator {  }
iterator.next().value;        // "a"
arr[1] = 'n';
iterator.next().value;        // "n"

备注: 如果数组中元素改变,那么迭代器的值也会改变

规范

Specification
ECMAScript Language Specification
# sec-array.prototype.values

浏览器兼容性

BCD tables only load in the browser

参见