home

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

JavaScript:Object.values():คู่มือฉบับสมบูรณ์

JavaScript Object.values() วิธีการดึงรายการของค่าในวัตถุ คุณสามารถวนซ้ำผลลัพธ์ของค่า () วิธีการเพื่อดูเนื้อหาของแต่ละค่าในวัตถุ

ออบเจ็กต์ประกอบด้วยคีย์และค่าต่างๆ บางครั้ง คุณจะต้องการดึงค่าในวัตถุเท่านั้น สมมติว่าเรามีวัตถุที่เก็บชื่อทุกคนไว้บนกระดานผู้นำ เราอาจเพียงต้องการดึงชื่อของพวกเขาจากวัตถุ แทนที่จะเป็นคีย์ที่เกี่ยวข้องกับชื่อของพวกเขา (เช่น ตำแหน่งของพวกมัน)

นั่นคือที่มาของเมธอด Object.values() วิธีนี้ช่วยให้คุณเห็นค่าทั้งหมดในอ็อบเจ็กต์ ในคู่มือนี้ เราจะพูดถึงวิธีการใช้เมธอด Object.values() เราจะอ้างอิงถึงตัวอย่างโดยละเอียดเพื่อช่วยคุณในการเริ่มต้น

JavaScript Object.values()

JavaScript Object.values() วิธีการรับวัตถุและส่งกลับคุณสมบัติที่นับได้ในอาร์เรย์ ค่าจะถูกเรียงลำดับราวกับว่าคุณต้องวนซ้ำวัตถุด้วยตนเองแล้วผลักเข้าไปในอาร์เรย์

มาดูไวยากรณ์ของวิธีนี้กัน:

let players = {
	a: "lucy",
	b: "harry"
}

console.log(Object.values(players))

Object.values() วิธีการยอมรับหนึ่งอาร์กิวเมนต์:ชื่อของวัตถุที่มีค่าที่คุณต้องการดู ในไวยากรณ์นี้ เราพิมพ์ผลลัพธ์ของเมธอดไปยังคอนโซล

รหัสนี้ส่งคืนชื่อของผู้เล่นในวัตถุ JavaScript ของเรา:lucy และ แฮร์รี่ . ชื่อเหล่านี้ถูกส่งคืนในรายการ ซึ่งเราพิมพ์ไปยังคอนโซล JavaScript:

["lucy", "harry"]

สังเกตว่าค่าต่างๆ อยู่ในลำดับเดียวกับในพจนานุกรม

81% ของผู้เข้าร่วมกล่าวว่าพวกเขารู้สึกมั่นใจมากขึ้นเกี่ยวกับโอกาสในการทำงานด้านเทคโนโลยีหลังจากเข้าร่วม bootcamp จับคู่กับ Bootcamp วันนี้

ผู้สำเร็จการศึกษาจากหลักสูตร bootcamp โดยเฉลี่ยใช้เวลาน้อยกว่าหกเดือนในการเปลี่ยนอาชีพ ตั้งแต่เริ่มต้น bootcamp ไปจนถึงหางานแรก

Object.values() วิธีการเป็นวิธีที่ง่ายในการดึงค่าจากวัตถุ อีกทางเลือกหนึ่งคือสร้างรายการใหม่และวนซ้ำบนอ็อบเจ็กต์ด้วย for loop โดยเพิ่มแต่ละค่าลงในรายการใหม่ วิธีนี้ใช้เวลาและเขียนโค้ดมากขึ้น

มาดูตัวอย่างการใช้งานวิธีนี้กัน

Object.values() ตัวอย่าง JavaScript

สมมติว่าเรามีวัตถุที่มีข้อมูลเกี่ยวกับซานโฮเซ เมืองในแคลิฟอร์เนีย เราต้องการดึงข้อมูลทั้งหมดเกี่ยวกับเมืองนี้โดยไม่ต้องเรียกป้ายกำกับที่เกี่ยวข้องกับข้อมูลแต่ละส่วน

พิจารณาคู่คีย์-ค่านี้:

city: "San Jose",

เราเพียงต้องการเรียกชื่อเมือง แทนที่จะเรียกป้ายกำกับ เมือง .

มาดูโปรแกรมที่จะให้เราทำสิ่งนี้กัน:

<!DOCTYPE html>
<html>
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width">
   <title></title>
  
 </head>
 <body>
   <div id="root"></div>
  <script async defer>
 
 
   const cityData =  {
     city: "San Jose",
     state: "California",
     area: 181.36,
     land: 178.24,
     water: 3.12,
     urban: 342.27,
     metro: 2694.61,
     elevation: 82,
     population: 1021795,
     timezone: "Los_Angeles/Pacific",
     website: "www.sanjoseca.gov"
   }
   let arr = Object.values(cityData);
 
   let root = document.getElementById('root');
   root.innerHTML = JSON.stringify(arr);
 
 
  </script>
 </body>
</html>

อันดับแรก เราตั้งค่าหน้า HTML มาตรฐานด้วยแท็ก แท็ก และข้อมูลเมตาพื้นฐานบางส่วนในแท็ก

เราใช้แท็ก