การเลื่อนตัวอักษร
รหัสลับอย่างง่าย
การเลื่อนตัวอักษร เป็นบทเรียน 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 ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- โค้ดคืออะไร
- การเลื่อนตัวอักษร
- การเข้ารหัส
- การถอดรหัส