ES6 .entries用法

使用.entries()遍历数组与对象

原创已于 2024-06-12 10:19:41 修改 · 658 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js #entries

于 2024-06-12 10:16:34 首次发布

.entries()

返回数组的可迭代对象itarator,可以通过for of 来遍历数组或对象的值。但是它们的写法不一样。

数组用法

obj = ['apple','bananer','orange']
for(let [i,v] of obj.entries()){
    console.log(i)
    console.log(v)
}
//输出
// 0
// apple
// 1
// bananer
// 2
//orange

对象用法

let obj = { a: 1, b: 2, c: 3 };
for (let [key, value] of Object.entries(obj)) {
  console.log([key, value]); // ['a', 1], ['b', 2], ['c', 3]
}
//输出
// ['a', 1]
 //['b', 2]
// ['c', 3]