Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

เมธอด Array.entries() ใน JavaScript

Array.entries()

ส่งคืน Iterator Object ที่มีคู่ [index, value] สำหรับทุก Index ใน Array ใช้กับ for...of หรือ Array.from()

ไวยากรณ์

array.entries()

ตัวอย่าง

<html> <body> <script>
  var elements = ['Helium', 'Neon', 'Krypton', 'Xenon', 'Radon'];
  var iterator = elements.entries();
  
  for (let e of iterator) {
    document.write(e + '<br>');
  }
</script> </body> </html>

ผลลัพธ์

[0, 'Helium']
[1, 'Neon']
[2, 'Krypton']
[3, 'Xenon']
[4, 'Radon']

การใช้งานอื่นๆ

แปลงเป็น Array ของ Pairs

Array.from(['a', 'b', 'c'].entries());
// [[0, 'a'], [1, 'b'], [2, 'c']]

Object.fromEntries() (ES2019)

Object.fromEntries(['a', 'b', 'c'].entries());
// {0: 'a', 1: 'b', 2: 'c'}

Destructuring ใน Loop

for (const [index, value] of ['a', 'b', 'c'].entries()) {
  console.log(`${index}: ${value}`);
}

Related Methods

  • keys() - Iterator ของ Index เท่านั้น
  • values() - Iterator ของ Value เท่านั้น
  • entries() - Iterator ของ [Index, Value]