[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"academy-blogs-th-1-1-all-js2go-ep31-queues-stacks-all--*":3,"academy-blog-translations-ivs6pynbhiduj8f":75},{"data":4,"page":74,"perPage":74,"totalItems":74,"totalPages":74},[5],{"alt":6,"collectionId":7,"collectionName":8,"content":9,"cover_image":10,"cover_image_path":11,"created":12,"created_by":13,"expand":14,"id":68,"keywords":69,"locale":44,"published_at":70,"scheduled_at":13,"school_blog":66,"short_description":71,"slug":72,"status":64,"title":6,"updated":73,"updated_by":13,"views":67},"JS2GO EP.31 การใช้งาน Queues และ Stacks ใน JavaScript กับ Go","sclblg987654321","school_blog_translations","\u003Cp>Queues และ Stacks เป็น Linear Data Structures ที่ใช้จัดการข้อมูลในลำดับเฉพาะ ซึ่งสำคัญสำหรับการจัดการ task, recursion, undo\u002Fredo หรือระบบ queue ในโปรเจกต์จริง บทความนี้สอนการสร้างและใช้งาน Queues และ Stacks ใน JavaScript และ Go พร้อมตัวอย่างโค้ดและแนวทางปฏิบัติที่เหมาะสม\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Ch2>1. Stack\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>Stack คือโครงสร้างข้อมูลแบบ \u003Cstrong>LIFO (Last In, First Out)\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Cp>\u003Cstrong>JavaScript: Stack ด้วย Array\u003C\u002Fstrong>\u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-javascript\">const stack = [];\n\n\u002F\u002F Push\nstack.push(1);\nstack.push(2);\nstack.push(3);\n\nconsole.log(stack); \u002F\u002F [1,2,3]\n\n\u002F\u002F Pop\nconst top = stack.pop();\nconsole.log(top);   \u002F\u002F 3\nconsole.log(stack); \u002F\u002F [1,2]\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Cp>\u003Cstrong>แนวทาง JavaScript:\u003C\u002Fstrong>\u003Cbr>✔️ ใช้สำหรับ undo\u002Fredo, function call, recursion\u003Cbr>✔️ Array ของ JS สามารถใช้ push\u002Fpop ได้ตรงตัว\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Cp>\u003Cstrong>Go: Stack ด้วย Slice\u003C\u002Fstrong>\u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext language-go\">package main\n\nimport \"fmt\"\n\nfunc main() {\n    stack := []int{}\n\n    \u002F\u002F Push\n    stack = append(stack, 1)\n    stack = append(stack, 2)\n    stack = append(stack, 3)\n    fmt.Println(stack) \u002F\u002F [1 2 3]\n\n    \u002F\u002F Pop\n    top := stack[len(stack)-1]\n    stack = stack[:len(stack)-1]\n    fmt.Println(top)   \u002F\u002F 3\n    fmt.Println(stack) \u002F\u002F [1 2]\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Cp>\u003Cstrong>แนวทาง Go:\u003C\u002Fstrong>\u003Cbr>✔️ Slice สามารถ append\u002Fpop ได้ง่าย\u003Cbr>⚠️ ต้องระวัง index out of range\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Ch2>2. Queue\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>Queue คือโครงสร้างข้อมูลแบบ \u003Cstrong>FIFO (First In, First Out)\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Cp>\u003Cstrong>JavaScript: Queue ด้วย Array\u003C\u002Fstrong>\u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-javascript\">const queue = [];\n\n\u002F\u002F Enqueue\nqueue.push(1);\nqueue.push(2);\nqueue.push(3);\n\n\u002F\u002F Dequeue\nconst first = queue.shift();\nconsole.log(first); \u002F\u002F 1\nconsole.log(queue); \u002F\u002F [2,3]\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Cp>\u003Cstrong>แนวทาง JavaScript:\u003C\u002Fstrong>\u003Cbr>✔️ ใช้สำหรับ task scheduling, event queue\u003Cbr>⚠️ Array shift() มี performance cost สำหรับ array ขนาดใหญ่ → ใช้ linked list หรือ deque สำหรับ production\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Cp>\u003Cstrong>Go: Queue ด้วย Slice\u003C\u002Fstrong>\u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext language-go\">package main\n\nimport \"fmt\"\n\nfunc main() {\n    queue := []int{}\n\n    \u002F\u002F Enqueue\n    queue = append(queue, 1)\n    queue = append(queue, 2)\n    queue = append(queue, 3)\n\n    \u002F\u002F Dequeue\n    first := queue[0]\n    queue = queue[1:]\n    fmt.Println(first) \u002F\u002F 1\n    fmt.Println(queue) \u002F\u002F [2 3]\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Cp>\u003Cstrong>แนวทาง Go:\u003C\u002Fstrong>\u003Cbr>✔️ Slice สามารถใช้ append\u002Fdequeue ได้\u003Cbr>⚠️ สำหรับ queue ขนาดใหญ่ ควรใช้ \u003Ccode inline=\"\">container\u002Flist\u003C\u002Fcode> เพื่อ efficiency\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Ch2>3. การใช้งาน Queues และ Stacks จริง\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>✔️ \u003Cstrong>Undo\u002FRedo:\u003C\u002Fstrong> ใช้ stack สำหรับเก็บสถานะก่อนหน้า\u003Cbr>✔️ \u003Cstrong>Task scheduling:\u003C\u002Fstrong> ใช้ queue สำหรับงาน background\u003Cbr>✔️ \u003Cstrong>DFS\u002FBFS algorithms:\u003C\u002Fstrong> Stack\u002FQueue เป็นโครงสร้างหลัก\u003Cbr>✔️ \u003Cstrong>Concurrent Queue (Go):\u003C\u002Fstrong> ใช้ channel แทน queue สำหรับ concurrency\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Cp>\u003Cstrong>ตัวอย่าง Go: Concurrent Queue ด้วย Channel\u003C\u002Fstrong>\u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext language-go\">ch := make(chan int, 5)\ngo func() {\n    for i := 1; i <= 5; i++ {\n        ch <- i \u002F\u002F Enqueue\n    }\n    close(ch)\n}()\n\nfor val := range ch {\n    fmt.Println(val) \u002F\u002F Dequeue\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Ch2>4. สรุปเปรียบเทียบ JavaScript vs Go\u003C\u002Fh2>\u003Cfigure class=\"table\">\u003Ctable>\u003Cthead>\u003Ctr>\u003Cth>Feature\u003C\u002Fth>\u003Cth>JavaScript\u003C\u002Fth>\u003Cth>Go\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\u003Ctbody>\u003Ctr>\u003Ctd>Stack\u003C\u002Ftd>\u003Ctd>Array.push()\u002Fpop()\u003C\u002Ftd>\u003Ctd>Slice append\u002Fpop\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Queue\u003C\u002Ftd>\u003Ctd>Array.push()\u002Fshift()\u003C\u002Ftd>\u003Ctd>Slice append\u002Fdequeue or channel\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Type Safety\u003C\u002Ftd>\u003Ctd>❌ No\u003C\u002Ftd>\u003Ctd>✔️ Yes\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Concurrent Queue\u003C\u002Ftd>\u003Ctd>Manual \u002F library\u003C\u002Ftd>\u003Ctd>Channel (built-in)\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Use Cases\u003C\u002Ftd>\u003Ctd>Undo\u002FRedo, recursion\u003C\u002Ftd>\u003Ctd>Task scheduling, concurrency\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftbody>\u003C\u002Ftable>\u003C\u002Ffigure>\u003Cp> \u003C\u002Fp>\u003Cp>\u003Cstrong>คำแนะนำ:\u003C\u002Fstrong>\u003Cbr>✔️ Frontend \u002F lightweight tasks → ใช้ JavaScript Array stack\u002Fqueue\u003Cbr>✔️ Backend \u002F concurrent tasks → ใช้ Go slice stack\u002Fqueue หรือ channel\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Chr>\u003Cp> \u003C\u002Fp>\u003Ch2>ตอนต่อไป\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>ใน \u003Cstrong>EP.32\u003C\u002Fstrong> ของซีรีส์ JS2GO เราจะพาคุณไปเรียนรู้ \u003Cstrong>การใช้งาน Linked Lists ใน Go เทียบกับ JavaScript\u003C\u002Fstrong> เพื่อเข้าใจการจัดการข้อมูลแบบ dynamic nodes และประยุกต์ใช้งานในโครงสร้างข้อมูลที่ซับซ้อน\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Cp>\u003Cstrong>อ่านบทความ Series อื่นๆ\u003C\u002Fstrong>\u003C\u002Fp>\u003Cul>\u003Cli>\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.superdev.school\u002Fblogs\u002Fcategories\u002FGolang\">\u003Cstrong>Golang The Series\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fli>\u003Cli>\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.superdev.school\u002Fblogs\u002Fcategories\u002FJS2GO\">\u003Cstrong>JS2GO\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fli>\u003Cli>\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.superdev.school\u002Fblogs\u002Fcategories\u002FTailwind%20CSS\">\u003Cstrong>10 Ep ที่จะให้คุณเป็นมือโปร Tailwind CSS ในชั่วข้ามคืน\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fli>\u003C\u002Ful>\u003Cp>\u003Cstrong>🔵 Facebook: \u003C\u002Fstrong>\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.facebook.com\u002Fsuperdev.academy.th\">\u003Cstrong>https:\u002F\u002Fwww.facebook.com\u002Fsuperdev.academy.th\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fp>\u003Cp>\u003Cstrong>🔴 YouTube : \u003C\u002Fstrong>\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.youtube.com\u002Fchannel\u002FUC2eI2RxcA2zbTqZyHyWIfRg\">\u003Cstrong>Superdev Academy\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fp>\u003Cp>\u003Cstrong>📸 Instagram: \u003C\u002Fstrong>\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.instagram.com\u002Fsuperdevschool\u002F\">\u003Cstrong>Superdev Academy\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fp>\u003Cp>\u003Cstrong>🎬 TikTok: \u003C\u002Fstrong>\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.tiktok.com\u002F@superdevacademy?lang=th-TH\">\u003Cstrong>https:\u002F\u002Fwww.tiktok.com\u002F@superdevacademy?lang=th-TH\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fp>\u003Cp>\u003Cstrong>🌐 Website: \u003C\u002Fstrong>\u003Ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\u002F\u002Fwww.superdevacademy.com\u002F\">\u003Cstrong>https:\u002F\u002Fwww.superdevacademy.com\u002F\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fp>","61_11zon_e5wxqaowiw.webp","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002Fy3bgva41r052jxg\u002F61_11zon_e5wxqaowiw.webp","2026-03-04 08:45:55.929Z","",{"keywords":15,"locale":38,"school_blog":48},[16,23,28,33],{"collectionId":17,"collectionName":18,"created":19,"created_by":13,"id":20,"name":21,"updated":22,"updated_by":13},"sclkey987654321","school_keywords","2026-03-04 08:20:42.484Z","vslzz9nvv6n77cx","JavaScript","2026-04-10 16:07:28.339Z",{"collectionId":17,"collectionName":18,"created":24,"created_by":13,"id":25,"name":26,"updated":27,"updated_by":13},"2026-03-04 08:20:11.547Z","ey3puyme01a9bsw","Go","2026-04-10 16:07:25.893Z",{"collectionId":17,"collectionName":18,"created":29,"created_by":13,"id":30,"name":31,"updated":32,"updated_by":13},"2026-03-04 08:45:55.463Z","xojsmk01et6d20f","Queues","2026-04-10 16:13:05.899Z",{"collectionId":17,"collectionName":18,"created":34,"created_by":13,"id":35,"name":36,"updated":37,"updated_by":13},"2026-03-04 08:45:55.180Z","fvvgsqanqnffcfa","Stacks","2026-04-10 16:13:05.821Z",{"code":39,"collectionId":40,"collectionName":41,"created":42,"flag":43,"id":44,"is_default":45,"label":46,"updated":47},"th","pbc_1989393366","locales","2026-01-22 10:59:55.832Z","twemoji:flag-thailand","s8wri3bt4vgg2ji",true,"Thai","2026-04-10 15:42:46.614Z",{"category":49,"collectionId":50,"collectionName":51,"expand":52,"id":66,"views":67},"hsa1afr8fcnd6qb","pbc_2105096300","school_blogs",{"category":53},{"blogIds":54,"collectionId":55,"collectionName":56,"created":57,"created_by":13,"id":49,"image":58,"image_alt":13,"image_path":59,"label":60,"name":61,"priority":62,"publish_at":63,"scheduled_at":13,"status":64,"updated":65,"updated_by":13},[],"sclcatblg987654321","school_category_blogs","2026-03-04 08:24:37.986Z","js2_go_2_11zon_y6paxmuz32.webp","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclcatblg987654321\u002Fhsa1afr8fcnd6qb\u002Fjs2_go_2_11zon_y6paxmuz32.webp",{"en":61,"th":61},"JS2GO",10,"2025-08-11 03:41:08.820Z","published","2026-04-25 02:32:14.339Z","ivs6pynbhiduj8f",231,"y3bgva41r052jxg",[20,25,30,35],"2025-10-23 06:19:28.133Z","เรียนรู้การสร้างและใช้งาน Queues และ Stacks ใน JavaScript และ Go พร้อมตัวอย่างโค้ดและแนวทางปฏิบัติที่เหมาะสมสำหรับการจัดการข้อมูลแบบ Linear Data Structures","js2go-ep31-queues-stacks","2026-04-25 02:47:58.371Z",1,{"th":72}]