JavaScript Object.entries()

คำนิยามและวิธีใช้

Object.entries() วิธีกลับมาเป็นตัวแปลที่มีกุญแจค่าของตัวแปล

Object.entries() วิธีไม่ได้เปลี่ยนแปลงตัวแปลต้นตอ

วิธีที่เกี่ยวข้อง

Object.keys() กลับมากับกุญแจ (รายละเอียด) ของตัวแปลทุกชนิด

Object.values() กลับมากับค่าของกุญแจ (รายละเอียด) ของตัวแปลทุกชนิด

Object.entries() กลับมากับกุญแจและค่าของตัวแปลทุกชนิด

วิธีดังกล่าวกลับมาเป็นตัวแปลที่สามารถเล่นได้ (ตัวแปลที่สามารถนับได้)

ตัวแปลที่สามารถเล่นได้ทำให้การใช้ตัวแปลในวงกลมและการแปลงตัวแปลเป็น Map ง่ายขึ้น

ตัวอย่าง

ตัวอย่าง 1

const person = {
  firstName: "Bill",
  lastName: "Gates",
  age: 50,
  eyeColor: "blue"
};
let text = Object.entries(person);

ทดสอบด้วยตัวเอง

ตัวอย่าง 2

Object.entries() ทำให้การใช้ตัวแปลในวงกลมง่ายขึ้น:

const fruits = {Bananas: 300, Oranges: 200, Apples: 500};
let text = "";
for (let [fruit, value] of Object.entries(fruits)) {
  text += fruit + ": " + value + "<br>";
}

ทดสอบด้วยตัวเอง

ตัวอย่าง 3

Object.entries() ทำให้การแปลงตัวแปลเป็น Map ง่ายขึ้น:

const fruits = {Bananas: 300, Oranges: 200, Apples: 500};
const myMap = new Map(Object.entries(fruits));

ทดสอบด้วยตัวเอง

วลี

Object.values(object)

ตัวแปร

ค่าที่กลับมา

การสนับสนุนโปรแกรมบราวเซอร์

ECMAScript 2017 ได้เพิ่มคุณสมบัติเข้าสู่องค์ประกอบตัว Object.entries() วิธี。

ตั้งแต่เดือนมีนาคม 2017 ต้นนั้น ทุกบราวเซอร์สมัยใหม่ทุกตัวสนับสนุน Object.entries():