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(วัตถุ)

ตัวแปร

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

การสนับสนุนบราวเซอร์

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

ตั้งแต่เดือนมีนาคม 2017 สำหรับทุกบราวเซอร์ที่มีความสามารถปัจจุบัน Object.entries()：