Bài đăng này minh họa phương thức Lưu trữ “key()” trong JavaScript.
Phương thức Storage key() làm gì trong JavaScript?
Các ' chìa khóa() ” phương thức được liên kết với đối tượng Lưu trữ truy xuất tên khóa được đặt tại chỉ mục đã chỉ định. Đối tượng 'lưu trữ' có thể là ' địa phương ' hoặc là ' phiên họp ' kho. Nó cho phép người dùng truy cập cả khóa lưu trữ cục bộ và khóa phiên.
Cú pháp (Đối với bộ nhớ cục bộ)
lưu trữ cục bộ. chìa khóa ( mục lục ) ;
Cú pháp trên chấp nhận một tham số “ mục lục ” trả về tên của khóa tại một chỉ mục nhất định.
Cú pháp (Đối với lưu trữ phiên)
sessionStorage. chìa khóa ( mục lục ) ;
Cú pháp trên cũng hỗ trợ tham số “index” giống như “localStorage”.
Cả hai cú pháp được xác định ở trên đều trả về tên khóa của đối tượng lưu trữ dưới dạng một chuỗi. Hãy thực hiện từng cái một.
Ví dụ 1: Áp dụng Phương pháp “key()” Lưu trữ để Truy xuất Tên Khóa Lưu trữ Cục bộ Đã chỉ định
Ví dụ này giải thích cách triển khai thực tế của phương thức lưu trữ “key()” để lấy tên khóa lưu trữ chỉ mục được chỉ định cục bộ.
Mã HTML
Trước tiên, hãy xem mã HTML đã cho:
< h2 > khóa lưu trữ ( ) Phương pháp trong JavaScript h2 >< nút onclick = 'myFunc()' > Nhận khóa lưu trữ cục bộ được chỉ định cái nút >
< id = 'thử nghiệm' > P >
Trong đoạn mã trên:
- Đầu tiên, chỉ định một tiêu đề phụ thông qua “ ' nhãn.
- Tiếp theo, thêm một nút với sự trợ giúp của nút “
” thẻ bao gồm một “ trong một cái nhấp chuột ” sự kiện để thực thi chức năng “ myFunc() ” trên nút bấm. - Cuối cùng, tạo một đoạn trống thông qua “ ” có thể dễ dàng truy cập thông qua id được chỉ định “demo”.
Mã JavaScript
Tiếp theo, tiến hành với đoạn mã dưới đây:
< kịch bản >lưu trữ cục bộ. thiết lập các mục ( 'Trang mạng' , 'Linux' ) ;
lưu trữ cục bộ. thiết lập các mục ( 'Hướng dẫn đầu tiên' , 'HTML' ) ;
lưu trữ cục bộ. thiết lập các mục ( 'Hướng dẫn thứ hai' , 'JavaScript' ) ;
chức năng myFunc ( ) {
có x = lưu trữ cục bộ. chìa khóa ( 1 ) ;
tài liệu. getElementById ( 'thử nghiệm' ) . bên trongHTML = x ;
}
kịch bản >
Trong khối mã trên:
- Các ' lưu trữ cục bộ ” tài sản được liên kết với “ thiết lập các mục() ” để đặt các mục lưu trữ cục bộ được chỉ định.
- Tiếp theo, chức năng có tên “ myFunc() ' được định nghĩa.
- Theo định nghĩa của nó, “ chìa khóa() ” phương pháp được liên kết với “ lưu trữ cục bộ ” để lấy tên khóa của chỉ mục đầu tiên.
- Sau đó, “ tài liệu.getElementById() ” phương pháp được áp dụng để truy cập đoạn văn trống bằng cách sử dụng id “demo” của nó để nối nó với khóa mục lưu trữ cục bộ “tên”.
đầu ra
Như đã thấy, đầu ra hiển thị tên khóa mục lưu trữ cục bộ .e. “SecondTutorial” ở chỉ mục đầu tiên theo thứ tự bảng chữ cái khi nhấp vào nút.
Ví dụ 2: Áp dụng Phương thức “key()” Lưu trữ để Nhận Tên Khóa Lưu trữ Phiên được Chỉ định
Trong ví dụ này, phương thức Storage “key()” trả về tên khóa lưu trữ phiên với một chỉ mục cụ thể.
Mã HTML
Đầu tiên, đi qua mã HTML sau:
< h2 > khóa lưu trữ ( ) Phương pháp trong JavaScript h2 >< nút onclick = 'myFunc()' > Nhận khóa lưu trữ phiên được chỉ định cái nút >
< id = 'thử nghiệm' > P >
Đoạn mã trên giống như Ví dụ 1 nhưng có một vài cập nhật trong nội dung HTML.
Mã JavaScript
Tiếp theo, chuyển sang đoạn mã sau:
< kịch bản >sessionStorage. thiết lập các mục ( 'Trang mạng' , 'Linux' ) ;
sessionStorage. thiết lập các mục ( 'Đầu tiên' , 'HTML' ) ;
sessionStorage. thiết lập các mục ( 'Thứ hai' , 'Javascript' ) ;
chức năng myFunc ( ) {
có x = sessionStorage. chìa khóa ( 2 ) ;
tài liệu. getElementById ( 'thử nghiệm' ) . bên trongHTML = x ;
}
kịch bản >
Tại đây, các mục lưu trữ phiên được tạo bằng cách sử dụng “ phiênStorage ” tài sản và sau đó là “ chìa khóa() ” được áp dụng để lấy tên khóa lưu trữ phiên chỉ mục được chỉ định của chỉ mục thứ hai.
đầu ra
Trong kết quả này, phương thức “key()” hiển thị tên khóa của mục lưu trữ phiên được lưu trữ tại chỉ mục thứ hai. Quá trình tìm kiếm tên khóa lưu trữ tuân theo thứ tự bảng chữ cái bắt đầu tìm kiếm từ “ 0 ' mục lục.
Phần kết luận
JavaScript cung cấp Bộ lưu trữ “ chìa khóa() ” để lấy tên khóa với chỉ mục cụ thể của cả “ địa phương ' và ' phiên họp ” đối tượng lưu trữ. Nó tìm kiếm tên khóa được chỉ định trong bộ lưu trữ và sau đó hiển thị tên của nó trong DOM (Mô hình đối tượng tài liệu). Nó chỉ yêu cầu tham số “index” để thực hiện tác vụ này. Bài đăng này minh họa chi tiết hoạt động của phương thức “key()” trong Bộ lưu trữ JavaScript.