for...in และ for...of ใน Javascript

23 May 2022,
Share: 
Cover image

สวัสดีครับ ในบทความนี้เราจะมาเรียนรู้การใช้งาน Loop อีกแบบนึงนะครับ หลายๆท่านอาจจะยังไม่ค่อยคุ้นกันสักเท่าไรครับ นั้นก็คือ for…in และ for…of ครับ

สําหรับ for…in และ for…of เป็น Loop อีกรูปแบบนึงในภาษา Javascript นะครับ ซึ่งจะช่วยให้เราสามารถเขียนโปรแกรมที่ใช้ Loop ได้ Advance และสะดวกมาขึ้นครับ เริ่มเรียนรู้ไปตามหัวข้อได้เลยครับ

for…in

for…in เป็นการวน Loop เพื่อหา Key ออกมาทีละตัว ส่วนใหญ่จะใช้ในการวน Loop เพื่อดึงเอา Key ของ Object ออกมา ลองดูตามตัวอย่างนี้ครับ

const data = { a: 1, b: 2, c: 3, d: 4 }; // ใช้กับข้อมูลชนิด Object

const newArray = [];

for (const a in data) {
  newArray.push(a);
}

console.log(newArray.toString());

// Output: a,b,c,d

*สําหรับ for…of จะใช้ได้กับข้อมูลที่เป็น Object, Array และ string ได้ครับ ซึ่งกรณีที่เป็น Array, string จะได้ Key ออกมาเป็น index ครับ

for…of

for…of เป็นการวน Loop เพื่อหา Value ออกมาทีละคัวครับ เช่น ถ้าเราต้องการจะวน Loop หยิบข้อมูลใน Array ออกมา เราก็สามารถใช้ for…of ได้ตามตัวอย่างนี้ครับ

const data = ['Hello1', 'Hello2', 'Hello3', 'Hello4']; // ใช้กับข้อมูลชนิด Array ได้

const newArray = [];

for (const a of data) {
  newArray.push(a);
}

console.log(newArray.toString());

// Output: Hello1,Hello2,Hello3,Hello4

*สําหรับ for…of จะใช้ได้กับข้อมูลที่เป็น Array และ string เท่านั้นนะครับ

สําหรับบทความนี้ก็มีประมาณนี้ครับ แล้วเจอกันใหม่บทความหน้าครับ ขอบคุณครับ

Suggestion blogs

Journaling file system คืออะไร

Journaling file system เป็น file system ที่เก็บการเปลี่ยนแปลงของข้อมูลที่ยังไม่ถูกบันทึกลง system หลัก ซึ่งจะช่วยทําให้ไม่เกิดการสูญหายของข้อมูล เมื่อเกิดปัญหากับ Hardware เช่น ไฟดับ หรือระบบส่วนใดส่วน

ซ่อม Hard disk WD My Passport USB เสีย (แปลงจาก USB เป็น SATA)

Hard disk WD My Passport เป็นรุ่นที่ตัวของ Hard disk เป็น Port USB มาบนบอร์ดเลย แทนที่จะเป็น SATA เหมือน Hard disk ทั่วไป เมื่อ USB เสียเราจะไม่สามารถนําข้อมูลออกมาได้ ซึ่งจะต่างจาก Hard disk ทั่วๆไป ที่สามารถถอดตัว Hard disk มาจัมพ์กับ Computer ผ่านทางสาย SATA เพื่อนําข้อมูลออกมาได้

OR gate

OR gate เป็นวงจร digital ชนิดหนึ่ง โดย input ที่ป้อนให้กับวงจรในแต่ละขา จะเป็นได้สองสถานะคือ High, Low หรือ 0, 1


Copyright © 2019 - 2025 thiti.dev |  v1.58.0 |  Privacy policy | 

Build with ❤️ and Astro.

Github profile   Linkedin profile   Instagram   X profile   Nostr   Youtube channel   Telegram   Email contact   วงแหวนเว็บ