0Pricing
Javascript for Kids · บทเรียน

การเลื่อนตัวอักษร

รหัสลับอย่างง่าย

การเลื่อนตัวอักษร เป็นบทเรียน Javascript for Kids ฟรีบน CoddyKit นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Javascript for Kids และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Javascript for Kids มีบทเรียนทั้งหมด 4 บทเรียน

เคล็ดลับการเลื่อน! ➡️

วันนี้เราจะเรียนรู้รหัสซีซาร์: เราเลื่อนตัวอักษรทุกตัวไปข้างหน้าหลายขั้น! ➡️🔐

console.log('Let us slide some letters! ➡️')

เลื่อนทีละหนึ่ง 1️⃣

ถ้าเรา shift a ไปข้างหน้า 1 ตำแหน่ง มันจะกลายเป็น b ง่ายมาก! 1️⃣

let n = 'a'.charCodeAt(0)
console.log('a shifted by 1:', String.fromCharCode(n + 1))

เลื่อนทีละสาม 3️⃣

การ shift แบบซีซาร์ที่มีชื่อเสียงคือ 3 ดังนั้น a จึงกลายเป็น d! 3️⃣

let n = 'a'.charCodeAt(0)
console.log('a shifted by 3:', String.fromCharCode(n + 3))

shift letter ใดก็ได้ 🔤

มาสร้างตัวแปรจำนวนการ shift เพื่อให้เราเปลี่ยนค่าได้ง่ายกัน! 🔤

let shift = 3
let letter = 'h'
let n = letter.charCodeAt(0)
console.log(letter, 'becomes', String.fromCharCode(n + shift))

shift ทั้ง word 🔁

ด้วยลูป เราสามารถ shift ตัวอักษรทุกตัวใน word ได้! 🔁

let word = 'cat'
let shift = 1
for (let i = 0; i < word.length; i++) {
  let n = word.charCodeAt(i)
  console.log(String.fromCharCode(n + shift))
}

สร้างคำลับ 🧩

แทนที่จะพิมพ์ตัวอักษรทีละตัว มารวมตัวอักษรเหล่านั้นให้เป็น word ลับหนึ่งคำกันเถอะ! 🧩

let word = 'cat'
let shift = 1
let secret = ''
for (let i = 0; i < word.length; i++) {
  secret = secret + String.fromCharCode(word.charCodeAt(i) + shift)
}
console.log('Secret:', secret)

เลื่อนกลับ ⬅️

หากต้องการอ่านข้อความลับ เราจะเลื่อนตัวอักษร BACK กลับด้วยจำนวนเท่าเดิม! ⬅️

let n = 'd'.charCodeAt(0)
console.log('d shifted back by 3:', String.fromCharCode(n - 3))

แล้ว Z ล่ะ 🌀

ถ้าเรา shift z ไปข้างหน้า มันจะเลยพ้นตัวอักษรทั้งหมดไป รหัสลับจริง (real) จะวนกลับไปที่ a 🌀

console.log('z is tricky! It should wrap to a 🌀')

ฟังก์ชัน shift 🛠️

มาห่อเครื่องมือเลื่อนของเราไว้ในฟังก์ชันที่นำกลับมาใช้ใหม่ได้กัน! 🛠️

function shiftLetter(letter, amount) {
  return String.fromCharCode(letter.charCodeAt(0) + amount)
}
console.log(shiftLetter('a', 2))

ลองใช้การ shift แบบต่าง ๆ 🔢

การ shift ที่มากขึ้นจะสร้างความลับแบบอื่น (secret) ลอง shift ไป 5 ตำแหน่งดู! 🔢

function shiftLetter(l, a) { return String.fromCharCode(l.charCodeAt(0) + a) }
console.log('Shift 5:', shiftLetter('a', 5))
console.log('Shift 10:', shiftLetter('a', 10))

สาธิตการ shift ฉบับสมบูรณ์ 🎮

นี่คือตัวอย่าง word ทั้งคำที่ถูก shift ให้กลายเป็นความลับ! 🎮

let word = 'dog'
let shift = 2
let secret = ''
for (let i = 0; i < word.length; i++) {
  secret += String.fromCharCode(word.charCodeAt(i) + shift)
}
console.log(word, 'becomes', secret)

ตรวจสอบอย่างรวดเร็ว ✅

มาทดสอบทักษะการเลื่อนของคุณกัน! 🧠

นักเลื่อนตัวอักษร! 🌟

ยอดเยี่ยม เจ้าหน้าที่! 🕵️ คุณเรียนรู้การshift ตัวอักษรแล้ว! 🎉

  • เลื่อนไปข้างหน้าเพื่อซ่อน ➡️
  • เลื่อนกลับเพื่ออ่าน ⬅️
  • ลูปสามารถ shift word ทั้งคำได้ 🔁

ถัดไป: การเข้ารหัสข้อความทั้งข้อความ! 🔐

console.log('Shifting letters: LEARNED! 🌟')

คำถามที่พบบ่อย

บทเรียน “การเลื่อนตัวอักษร” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “การเลื่อนตัวอักษร” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Javascript for Kids ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Javascript for Kids มีบทเรียนทั้งหมด 4 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “การเลื่อนตัวอักษร”

รหัสลับอย่างง่าย คุณปฏิบัติ Javascript for Kids ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Javascript for Kids หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน Javascript for Kids บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน

บทเรียน “การเลื่อนตัวอักษร” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน Javascript for Kids นี้ได้ไหม

ได้ บทเรียน Javascript for Kids ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. โค้ดคืออะไร
  2. การเลื่อนตัวอักษร
  3. การเข้ารหัส
  4. การถอดรหัส
← กลับไปที่ Javascript for Kids