สวัสดีครับ ในบทความนี้เราจะมาเรียนรู้การใช้งาน Loop อีกแบบนึงนะครับ หลายๆท่านอาจจะยังไม่ค่อยคุ้นกันสักเท่าไรครับ นั้นก็คือ for…in และ for…of ครับ
สําหรับ for…in และ for…of เป็น Loop อีกรูปแบบนึงในภาษา Javascript นะครับ ซึ่งจะช่วยให้เราสามารถเขียนโปรแกรมที่ใช้ Loop ได้ Advance และสะดวกมาขึ้นครับ เริ่มเรียนรู้ไปตามหัวข้อได้เลยครับ
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 เป็นการวน 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 เท่านั้นนะครับ
สําหรับบทความนี้ก็มีประมาณนี้ครับ แล้วเจอกันใหม่บทความหน้าครับ ขอบคุณครับ
ไฟฉาย IMALENT รุ่น DN70 เป็นไฟฉายขนาด ไม่เล็กและไม่ใหญ่จนเกินไป แต่ให้ความสว่างสูงถึง 3,800 Lumens แสงพุ่งไกล 325 เมตร ใช้ถ่านชาร์จลิเธี่ยมขนาด 26650 3.7V เพียงก้อนเดียว(มีแถมให้ในตัวไฟฉาย) สามารถชาร์จได้ด้วย Micro USB
สวัสดีครับ บทความนี้เราจะมาเรียนรู้การใช้งานคําสั่ง git log เพื่อดู commit history กันครับ
สวัสดีครับ บทความนี้จะเกี่ยวกับ การสร้างและใช้งาน Stateless Component ใน React ซึ่งเป็นการสร้าง Component อีกรูปแบบหนึ่ง ที่ภายใน Component จะไม่มี State