การจัดเก็บโครงสร้างใน localStorage ใน JavaScript

ในที่เก็บข้อมูลท้องถิ่นสามารถเก็บได้เพียง สตริงเท่านั้น อย่างไรก็ตาม มีความเป็นไปได้ที่จะเก็บ อาร์เรย์และออบเจ็กต์ - สำหรับสิ่งนี้คุณสามารถใช้ รูปแบบ JSON

เรามาเก็บอาร์เรย์กัน:

let arr = [1, 2, 3, 4, 5];
localStorage.setItem('arr', JSON.stringify(arr));

และตอนนี้เรามาเรียกคืนมันกลับมา:

let str = localStorage.getItem('arr');
let res = JSON.parse(str);

console.log(res);

กำหนดอินพุตและปุ่ม เมื่อคลิกที่ปุ่ม ให้รับข้อความจากอินพุตทั้งหมดในรูปแบบของอาร์เรย์ และเก็บอาร์เรย์นี้ไว้ในที่เก็บข้อมูลท้องถิ่น

ปรับเปลี่ยนงานก่อนหน้า จัดการ ให้เมื่อเข้าหน้าเว็บครั้งต่อไป ในอินพุตจะมีค่าที่ถูกบันทึกไว้ในที่เก็บข้อมูลท้องถิ่น ปรากฏอยู่