JSON là một định dạng tích hợp dữ liệu nhẹ, chủ yếu được sử dụng để lưu trữ và truyền dữ liệu từ máy chủ hoặc hệ thống này sang máy chủ hoặc hệ thống khác. Mặt khác, Bản đồ cũng lưu trữ dữ liệu và nó sử dụng định dạng giá trị khóa trong đó khóa có thể có bất kỳ loại dữ liệu nào. Nhà phát triển có thể truy xuất dữ liệu cụ thể bằng cách chọn khóa tương ứng.
Bài viết này giải thích quy trình chuyển đổi JSON sang/từ Bản đồ trong JavaScript bằng cách bao gồm các phần sau:
- Làm cách nào để chuyển đổi dữ liệu JSON thành bản đồ trong JavaScript?
- Làm cách nào để chuyển đổi dữ liệu JSON từ bản đồ bằng JavaScript?
- Cách tìm nạp API JSON và chuyển đổi dữ liệu của nó thành bản đồ
Làm cách nào để chuyển đổi dữ liệu JSON thành bản đồ trong JavaScript?
Việc chuyển đổi dữ liệu JSON thành Bản đồ sẽ giữ nguyên định dạng cặp khóa-giá trị như 'Bản đồ' và cũng lưu trữ dữ liệu ở dạng khóa-giá trị giống như JSON. Vì vậy, nhà phát triển có thể duy trì thứ tự ban đầu của các khóa không được đảm bảo khi chuyển đổi đối tượng JavaScript. Chuyển đổi “JSON” dữ liệu vào 'Bản đồ' mang lại sự linh hoạt hơn và cho phép nhà phát triển sử dụng các phương pháp tích hợp sẵn trong Bản đồ để mang lại sự dễ dàng khi duyệt qua dữ liệu.
Hãy cùng truy cập khối mã bên dưới nơi dữ liệu được mã hóa cứng JSON sẽ được chuyển đổi thành Bản đồ:
< loại tập lệnh = 'văn bản/javascript' >
hằng số định dạng json = '{'tác giả1:Jackson','tác giả2'Reed','tác giả3':Tasha','tác giả4''Petterson'} ' ;
hằng số định dạng bản đồ = mới Bản đồ ( Sự vật . mục ( JSON. phân tích cú pháp ( định dạng json ) ) ) ;
bảng điều khiển. nhật ký ( định dạng bản đồ ) ;
kịch bản >
Lời giải thích của đoạn mã trên được nêu như sau:
- Đầu tiên, tạo một biến loại const có tên 'jsonFormat' chứa dữ liệu ở định dạng JSON, tức là ở định dạng khóa-giá trị.
- Tiếp theo, tạo một phiên bản mới của Bản đồ với tên “định dạng bản đồ” . Để phân tích dữ liệu JSON, hãy chuyển “định dạng bản đồ” bên trong “JSON.parse()” phương pháp.
- Sau đó, chuyển kết quả trả về bằng phương thức này vào “Object.entries()” để tạo một mảng gồm các mảng và mỗi mảng bên trong đại diện cho các cặp khóa-giá trị.
- Chuyển kết quả cuối cùng hoặc tất cả các phương thức này dọc theo căn chỉnh phù hợp bên trong 'Bản đồ' người xây dựng. Bây giờ, ví dụ của nó “định dạng bản đồ” chứa dữ liệu JSON đã chuyển đổi được hiển thị trên cửa sổ bảng điều khiển bằng cách sử dụng “console.log()” phương pháp.
Sau khi biên dịch đoạn mã trên, cửa sổ giao diện điều khiển sẽ trông như thế này:
Đầu ra xác nhận rằng dữ liệu JSON đã được chuyển đổi thành Bản đồ. Để biết thêm thông tin và ví dụ để chuyển đổi dữ liệu JSON thành một mảng hoặc Bản đồ, bạn có thể truy cập trang khác của chúng tôi bài báo .
Làm cách nào để chuyển đổi dữ liệu JSON từ bản đồ bằng JavaScript?
Việc chuyển đổi dữ liệu sang định dạng JSON nâng cao tính khả dụng lâu dài của dữ liệu và cho phép bạn gửi dữ liệu này đến bất kỳ đâu qua mạng mà không làm mất dữ liệu. Hơn nữa, định dạng JSON dễ đọc và có thể được sử dụng trong API web hoặc tệp cấu hình. Trong chương trình bên dưới, dữ liệu Bản đồ sẽ được chuyển đổi sang định dạng JSON:
< loại tập lệnh = 'văn bản/javascript' >hằng số định dạng bản đồ = mới Bản đồ ( [
[ 'tác giả1' , 'Jackson' ] ,
[ 'tác giả2' , 'Cây lau' ] ,
[ 'tác giả3' , 'Tasha' ] ,
[ 'tác giả4' , 'Peterson' ] ,
] ) ;
hằng số định dạng json = JSON. xâu chuỗi ( Sự vật . từEntries ( định dạng bản đồ ) ) ;
bảng điều khiển. nhật ký ( định dạng json ) ;
kịch bản >
Giải thích về khối mã trên được nêu như sau:
- Đầu tiên, ví dụ có tên “định dạng bản đồ” được tạo cho Bản đồ có chứa một số mục.
- Tiếp theo, “Object.fromEntries()” phương pháp được sử dụng và “định dạng bản đồ” được truyền cho nó. Điều này sẽ chuyển đổi dữ liệu Bản đồ được cung cấp thành một mảng lồng nhau.
- Sau đó, mảng lồng nhau được chuyển đến “JSON.stringify()” phương thức chuyển đổi mảng lồng nhau thành định dạng JSON trong khi vẫn giữ nguyên sự căn chỉnh của cặp khóa-giá trị.
- Cuối cùng, dữ liệu định dạng JSON được tạo sẽ hiển thị trên cửa sổ bảng điều khiển.
Đầu ra được tạo sau khi biên dịch đoạn mã trên được hiển thị bên dưới:
Kết quả đầu ra cho thấy dữ liệu Bản đồ hiện đã được chuyển đổi thành công sang định dạng JSON.
Làm cách nào để tìm nạp API JSON và chuyển đổi dữ liệu của nó thành bản đồ?
Dữ liệu JSON nhận được từ API cũng có thể được chuyển đổi trực tiếp thành Bản đồ bằng cách sử dụng phương pháp tương tự được mô tả ở trên trong phần đầu tiên. Để thực hiện việc này, API cần được tìm nạp trước, sau đó dữ liệu JSON được tìm nạp sẽ được chuyển đổi thành Bản đồ, như hiển thị bên dưới:
< kịch bản >không đồng bộ chức năng chuyển đổiJSONApi ( ) {
thử {
hằng số độ phân giải = chờ lấy ( 'https://jsonplaceholder.typicode.com/todos/' ) ;
hằng số định dạng json = chờ đợi độ phân giải. json ( ) ;
hằng số định dạng bản đồ = mới Bản đồ ( Sự vật . mục ( định dạng json ) ) ;
bảng điều khiển. nhật ký ( định dạng bản đồ ) ;
} nắm lấy ( nguyên nhânLỗi ) {
bảng điều khiển. lỗi ( 'Lỗi tìm nạp hoặc chuyển đổi dữ liệu:' , nguyên nhânLỗi ) ;
}
}
chuyển đổiJSONApi ( ) ;
kịch bản >
Mô tả của đoạn mã trên được nêu dưới đây:
- Đầu tiên, hàm không đồng bộ có tên “chuyển đổiJSONApi()” được xác định bằng cách sử dụng từ khóa “async” đằng sau hàm “từ khóa” .
- Tiếp theo, sử dụng 'thử' chặn và tạo một 'hằng số' loại biến “res” sẽ lưu trữ dữ liệu được tìm nạp từ API. Việc tìm nạp được thực hiện bằng cách chèn liên kết API bên trong 'tìm về()' phương pháp. Ngoài ra, hãy đính kèm 'chờ đợi' từ khóa đằng sau điều này 'tìm về()' phương pháp chờ đợi sự xuất hiện của tất cả dữ liệu API.
- Sau đó, áp dụng “json()” phương thức trên biến “res” để đọc tất cả dữ liệu đã nhận hoặc tìm nạp. Các 'chờ đợi' từ khóa cũng được áp dụng phía sau nó để chờ đọc dữ liệu hoàn tất. Truyền kết quả vào biến có tên 'jsonFormat' .
- Sau đó, 'jsonFormat' được truyền vào bên trong phương thức có tên “Object.entries()” để tạo một mảng lồng nhau cho dữ liệu được cung cấp. Điều này sau đó được chuyển vào bên trong 'Bản đồ()' hàm tạo để chuyển đổi các mảng thành Bản đồ và được lưu trữ trong 'Bản đồ' ví dụ có tên “định dạng bản đồ” .
- API JSON được tìm nạp này hiện được chuyển đổi thành Bản đồ, sau đó được hiển thị trên bảng điều khiển bằng cách hiển thị “định dạng bản đồ” biến bên trong “console.log()” phương pháp.
- Để phát hiện bất kỳ lỗi nào xảy ra trong toàn bộ quá trình, hãy sử dụng 'nắm lấy' chặn và truyền một tham số giả chứa lỗi đã xảy ra trong đó và để xử lý nó sẽ hiển thị một thông báo giả.
Kết quả sau khi hoàn thành đoạn mã trên được hiển thị bên dưới:
Kết quả đầu ra cho thấy dữ liệu định dạng JSON đã được lấy từ API được cung cấp và sau đó dữ liệu này được chuyển đổi thành Bản đồ.
Bạn đã tìm hiểu về quy trình chuyển đổi JSON thành Map và Map thành JSON trong JavaScript.
Phần kết luận
Để chuyển đổi dữ liệu JSON thành Bản đồ, các phương thức như “JSON.parse()” Và “Object.entries()” được sử dụng. Cái đầu tiên phân tích dữ liệu JSON và cái thứ hai tạo ra một mảng dữ liệu được phân tích cú pháp lồng nhau. Trong trường hợp chuyển đổi dữ liệu Bản đồ sang định dạng JSON, “Object.fromEntries()” Và “JSON.stringify()” các phương thức được sử dụng sẽ chuyển đổi dữ liệu thành một mảng lồng nhau và chuyển đổi nó sang định dạng JSON tương ứng. Blog này đã giải thích quy trình chuyển đổi JSON sang và từ Bản đồ trong JavaScript.