ES6 数组的扩展-实例方法entries()

阿飞756
735 阅读2分钟

前言:

回顾前文对ES6 对处理数组数据的扩展方法"扩展运算符(...)"进行了探究学习. 本文来记录学习一下 ES6 数组的扩展-三个实例方法:

在前面系列更文中, 我们对 JavaScript 的一些知识点进行了学习, 也有通过 JS 实现经典算法作具体学习, 小总结更多阅读-list & 经典排序算法-list

ES6 对数组的扩展

ES6 数组的三个用于遍历的实例方法：keys()/ values()/ 和 entries(), 它们通过遍历都返回一个遍历器对象. 我们知道对于数组迭代遍历有很多种方法, 比如: forEach(), for...of. 那为什么要单独来说着三个方法, 它们都是遍历数组的的方法和原来的方法差不多道理, 不过时 三者遍历数组的内容各有不同:

  • keys() 遍历的是键名
  • values() 那就是遍历的键值了
  • entries() 就是组合的来了, 遍历数组的键值对

1. 数组实例方法: keys()

keys()

// keys()方法
for (let index of ['阿白', 756].keys()) {
  console.log(index);
}
// 0 1

2. 数组实例方法: values()

values()

// values() 方法
for (let item of ['阿白', 756].values()) {
  console.log(item);
}
// '阿白'  756

3. 数组实例方法: entries()

entries() 还可以不使用 for...of遍历, 可以手动使用遍历器对象的 next方法，来进行遍历

// entries() 方法
for (let [index, item] of ['阿白', 756].entries()) {
  console.log(index, item);
}
//  0     "阿白"
//  1     756

entries()方法 使用遍历器对象的 next 语法

let arr = ['阿白', 756]
let entries = arr.entries();

console.log(entries.next().value); // [0, '阿白']
console.log(entries.next().value); // [1, 756]

更多阅读:

经典排序算法:

JavaScript 学习提升

avatar
文章
阅读
粉丝