Phương thức nào chuyển đổi JSON thành đối tượng JavaScript?
Đối tượng JSON là định dạng dữ liệu khóa-giá trị thường được hiển thị trong dấu ngoặc nhọn. Đối tượng JSON bao gồm các dấu ngoặc nhọn ( { } ) ở hai đầu và có các cặp khóa-giá trị bên trong dấu ngoặc nhọn. Mỗi cặp khóa-giá trị bên trong dấu ngoặc nhọn được phân tách bằng dấu phẩy (,). Đối tượng JSON trông giống như thế này Show
{ "key":"value", "key":"value", "key":"value", } Ví dụ cho một đối tượng JSON { "rollno":101", "name":"Mayank", "age":20, } Chuyển đổi văn bản JSON thành Đối tượng JavascriptVăn bản/đối tượng JSON có thể được chuyển đổi thành đối tượng Javascript bằng hàm JSON. phân tích cú pháp () 2 3____94 5Để nhận giá trị của bất kỳ khóa nào từ đối tượng Javascript, chúng ta có thể sử dụng các giá trị như. đối tượng1. cuộn lại Nếu chúng ta chuyển một văn bản JSON không hợp lệ cho hàm JSON. parse(), nó sẽ phát sinh lỗi (không có đầu ra nào được hiển thị khi sử dụng trong thẻ của HTML) ví dụ. Ví dụ ở đây, văn bản JSON 'jsonobj' có 3 cặp khóa-giá trị. Mỗi cặp có thể được truy cập bởi đối tượng Javascript 'obj' bằng cách sử dụng dấu chấm (. ). 'obj' là một đối tượng javascript là kết quả của hàm JSON. phân tích cú pháp () JSON (Ký hiệu đối tượng JavaScript) là một định dạng trao đổi dữ liệu nhẹ. Như tên gọi của nó, JSON có nguồn gốc từ ngôn ngữ lập trình JavaScript, nhưng nó có sẵn để sử dụng cho nhiều ngôn ngữ bao gồm Python, Ruby, PHP và Java, và do đó, có thể nói nó là ngôn ngữ độc lập. Đối với con người thì dễ đọc và viết còn đối với máy thì dễ phân tích và tạo. Nó rất hữu ích cho việc lưu trữ và trao đổi dữ liệu Đối tượng JSON là định dạng dữ liệu khóa-giá trị thường được hiển thị trong dấu ngoặc nhọn. Đối tượng JSON bao gồm các dấu ngoặc nhọn ( { } ) ở hai đầu và có các cặp khóa-giá trị bên trong dấu ngoặc nhọn. Mỗi cặp khóa-giá trị bên trong dấu ngoặc nhọn được phân tách bằng dấu phẩy (,). Đối tượng JSON trông giống như thế này { "key":"value", "key":"value", "key":"value", } Ví dụ cho một đối tượng JSON { "rollno":101", "name":"Nikita", "age":21, }
Chuyển đổi văn bản JSON thành Đối tượng Javascript. Văn bản/đối tượng JSON có thể được chuyển đổi thành đối tượng Javascript bằng hàm JSON. phân tích cú pháp () JSON. Phương thức parse() trong JavaScript được sử dụng để phân tích chuỗi JSON được viết ở định dạng JSON và trả về một đối tượng JavaScript Giả sử chúng ta có một đối tượng phức tạp và chúng ta muốn chuyển đổi nó thành một chuỗi, để gửi nó qua mạng hoặc chỉ xuất nó cho mục đích ghi nhật ký Đương nhiên, một chuỗi như vậy phải bao gồm tất cả các thuộc tính quan trọng Chúng tôi có thể thực hiện chuyển đổi như thế này
…Nhưng trong quá trình phát triển, các thuộc tính mới được thêm vào, các thuộc tính cũ được đổi tên và loại bỏ. Cập nhật 1 như vậy mỗi lần có thể trở thành một nỗi đau. Chúng ta có thể thử lặp qua các thuộc tính trong đó, nhưng nếu đối tượng phức tạp và có các đối tượng lồng nhau trong các thuộc tính thì sao? May mắn thay, không cần phải viết mã để xử lý tất cả những điều này. Nhiệm vụ đã được giải quyết rồi JSON. xâu chuỗi lạiJSON (Ký hiệu đối tượng JavaScript) là định dạng chung để biểu thị các giá trị và đối tượng. Nó được mô tả như trong tiêu chuẩn RFC 4627. Ban đầu, nó được tạo cho JavaScript, nhưng nhiều ngôn ngữ khác cũng có thư viện để xử lý nó. Vì vậy, thật dễ dàng để sử dụng JSON để trao đổi dữ liệu khi máy khách sử dụng JavaScript và máy chủ được viết trên Ruby/PHP/Java/Sao cũng được JavaScript cung cấp các phương thức
Ví dụ, ở đây chúng tôi 2 một sinh viên
Phương thức 5 lấy đối tượng và chuyển đổi nó thành một chuỗiChuỗi 6 kết quả được gọi là đối tượng được mã hóa hoặc tuần tự hóa hoặc sắp xếp theo thứ tự JSON. Chúng tôi đã sẵn sàng để gửi nó qua dây hoặc đưa vào kho lưu trữ dữ liệu đơn giảnXin lưu ý rằng một đối tượng được mã hóa JSON có một số điểm khác biệt quan trọng so với đối tượng theo nghĩa đen
2 cũng có thể được áp dụng cho người nguyên thủyJSON hỗ trợ các kiểu dữ liệu sau
Ví dụ
JSON là đặc tả ngôn ngữ độc lập với dữ liệu, do đó, một số thuộc tính đối tượng dành riêng cho JavaScript bị bỏ qua bởi 2cụ thể là
{ "rollno":101", "name":"Mayank", "age":20, }5 Thường thì tốt thôi. Nếu đó không phải là điều chúng tôi muốn, thì chúng tôi sẽ sớm xem cách tùy chỉnh quy trình Điều tuyệt vời là các đối tượng lồng nhau được hỗ trợ và chuyển đổi tự động Ví dụ { "key":"value", "key":"value", "key":"value", }5 Hạn chế quan trọng. không được có tham chiếu vòng tròn Ví dụ { "key":"value", "key":"value", "key":"value", }6 Ở đây, việc chuyển đổi không thành công, vì tham chiếu vòng tròn. { "rollno":101", "name":"Mayank", "age":20, }58 tài liệu tham khảo { "rollno":101", "name":"Mayank", "age":20, }59, và { "key":"value", "key":"value", "key":"value", }50 tài liệu tham khảo { "key":"value", "key":"value", "key":"value", }51 Loại trừ và biến đổi. người thay thếCú pháp đầy đủ của 2 là{ "rollno":101", "name":"Nikita", "age":21, }2valueMột giá trị để mã hóa. replacerMảng thuộc tính để mã hóa hoặc hàm ánh xạ { "key":"value", "key":"value", "key":"value", }53. không gianSố lượng không gian để sử dụng để định dạng Hầu hết thời gian, 2 chỉ được sử dụng với đối số đầu tiên. Nhưng nếu chúng ta cần tinh chỉnh quy trình thay thế, như lọc ra các tham chiếu vòng, chúng ta có thể sử dụng đối số thứ hai của 2Nếu chúng ta chuyển một mảng thuộc tính cho nó, thì chỉ những thuộc tính này sẽ được mã hóa Ví dụ { "rollno":101", "name":"Nikita", "age":21, }6 Ở đây có lẽ chúng ta quá khắt khe. Danh sách thuộc tính được áp dụng cho toàn bộ cấu trúc đối tượng. Vì vậy, các đối tượng trong { "key":"value", "key":"value", "key":"value", }56 trống, vì { "key":"value", "key":"value", "key":"value", }57 không có trong danh sách Hãy đưa vào danh sách mọi thuộc tính ngoại trừ { "rollno":101", "name":"Mayank", "age":20, }58 sẽ gây ra tham chiếu vòng 0Bây giờ mọi thứ ngoại trừ { "key":"value", "key":"value", "key":"value", }59 đều được đăng nhiều kỳ. Nhưng danh sách tài sản khá dài May mắn thay, chúng ta có thể sử dụng một hàm thay vì một mảng như { "key":"value", "key":"value", "key":"value", }60 Hàm sẽ được gọi cho mỗi cặp { "key":"value", "key":"value", "key":"value", }61 và sẽ trả về giá trị “đã thay thế”, giá trị này sẽ được sử dụng thay cho giá trị ban đầu. Hoặc { "rollno":101", "name":"Mayank", "age":20, }57 nếu giá trị bị bỏ qua Trong trường hợp của chúng tôi, chúng tôi có thể trả về { "key":"value", "key":"value", "key":"value", }63 “nguyên trạng” cho mọi thứ ngoại trừ { "key":"value", "key":"value", "key":"value", }59. Để bỏ qua { "key":"value", "key":"value", "key":"value", }59, mã bên dưới trả về { "rollno":101", "name":"Mayank", "age":20, }57 9Xin lưu ý rằng hàm { "key":"value", "key":"value", "key":"value", }60 nhận mọi cặp khóa/giá trị bao gồm các đối tượng lồng nhau và các mục mảng. Nó được áp dụng đệ quy. Giá trị của { "key":"value", "key":"value", "key":"value", }68 bên trong { "key":"value", "key":"value", "key":"value", }60 là đối tượng chứa thuộc tính hiện tại Cuộc gọi đầu tiên là đặc biệt. Nó được tạo bằng cách sử dụng một “đối tượng bao bọc” đặc biệt. { "rollno":101", "name":"Nikita", "age":21, }20. Nói cách khác, cặp { "key":"value", "key":"value", "key":"value", }61 đầu tiên có một khóa trống và giá trị là toàn bộ đối tượng mục tiêu. Đó là lý do tại sao dòng đầu tiên là { "rollno":101", "name":"Nikita", "age":21, }22 trong ví dụ trên Ý tưởng là cung cấp càng nhiều năng lượng cho { "key":"value", "key":"value", "key":"value", }60 càng tốt. nó có cơ hội phân tích và thay thế/bỏ qua toàn bộ đối tượng nếu cần định dạng. khoảng trốngĐối số thứ ba của { "rollno":101", "name":"Nikita", "age":21, }24 là số lượng khoảng trống để sử dụng cho định dạng đẹp Trước đây, tất cả các đối tượng được xâu chuỗi đều không có khoảng cách thụt vào và khoảng trắng thừa. Điều đó tốt nếu chúng ta muốn gửi một đối tượng qua mạng. Đối số { "rollno":101", "name":"Nikita", "age":21, }25 được sử dụng riêng cho đầu ra đẹp Đây { "rollno":101", "name":"Nikita", "age":21, }26 yêu cầu JavaScript hiển thị các đối tượng lồng nhau trên nhiều dòng, với thụt lề 2 khoảng trắng bên trong một đối tượng 0Đối số thứ ba cũng có thể là một chuỗi. Trong trường hợp này, chuỗi được sử dụng để thụt đầu dòng thay vì một số khoảng trắng Tham số { "rollno":101", "name":"Nikita", "age":21, }25 chỉ được sử dụng cho mục đích ghi nhật ký và đầu ra đẹp Tùy chỉnh “toJSON”Giống như 1 để chuyển đổi chuỗi, một đối tượng có thể cung cấp phương thức { "rollno":101", "name":"Nikita", "age":21, }29 để chuyển đổi sang JSON. 2 tự động gọi nó nếu cóVí dụ 1Ở đây chúng ta có thể thấy rằng ________ 361 ________ 362 đã trở thành một chuỗi. Đó là bởi vì tất cả các ngày đều có phương thức { "rollno":101", "name":"Nikita", "age":21, }29 tích hợp trả về loại chuỗi như vậy Bây giờ, hãy thêm một { "rollno":101", "name":"Nikita", "age":21, }29 tùy chỉnh cho đối tượng của chúng ta { "key":"value", "key":"value", "key":"value", }51 { "rollno":101", "name":"Nikita", "age":21, }66 2Như chúng ta có thể thấy, { "rollno":101", "name":"Nikita", "age":21, }29 được sử dụng cho cả cuộc gọi trực tiếp { "rollno":101", "name":"Nikita", "age":21, }68 và khi { "key":"value", "key":"value", "key":"value", }51 được lồng trong một đối tượng được mã hóa khác JSON. phân tích cú phápĐể giải mã một chuỗi JSON, chúng ta cần một phương thức khác có tên JSON. phân tích cú pháp cú pháp 3chuỗi strJSON để phân tích cú pháp. hồi sinh Hàm tùy chọn (khóa, giá trị) sẽ được gọi cho mỗi cặp { "key":"value", "key":"value", "key":"value", }61 và có thể chuyển đổi giá trị Ví dụ 4Hoặc cho các đối tượng lồng nhau 5JSON có thể phức tạp đến mức cần thiết, các đối tượng và mảng có thể bao gồm các đối tượng và mảng khác. Nhưng chúng phải tuân theo cùng một định dạng JSON Dưới đây là những lỗi điển hình trong JSON viết tay (đôi khi chúng ta phải viết nó cho mục đích gỡ lỗi) 6Ngoài ra, JSON không hỗ trợ bình luận. Thêm một nhận xét vào JSON làm cho nó không hợp lệ Có một định dạng khác có tên JSON5, cho phép các khóa, nhận xét không được trích dẫn, v.v. Nhưng đây là một thư viện độc lập, không có trong đặc điểm kỹ thuật của ngôn ngữ JSON thông thường nghiêm ngặt như vậy không phải vì các nhà phát triển của nó lười biếng, mà để cho phép triển khai thuật toán phân tích cú pháp dễ dàng, đáng tin cậy và rất nhanh sử dụng hồi sinhHãy tưởng tượng, chúng ta có một đối tượng { "rollno":101", "name":"Mayank", "age":20, }59 được xâu chuỗi từ máy chủ Nó trông như thế này 7…Và bây giờ chúng ta cần deserialize nó, để quay lại thành đối tượng JavaScript Hãy làm điều đó bằng cách gọi 3 8Rất tiếc. Một lỗi Giá trị của 03 là một chuỗi, không phải đối tượng 04. Làm thế nào mà 3 có thể biết rằng nó sẽ chuyển đổi chuỗi đó thành một 04?Hãy chuyển sang hàm phục hồi 3 làm đối số thứ hai, trả về tất cả các giá trị “nguyên trạng”, nhưng { "rollno":101", "name":"Nikita", "age":21, }61 sẽ trở thành một 04
Làm cách nào để chuyển đổi JSON thành đối tượng trong JavaScript?Sử dụng hàm JavaScript JSON. parse() để chuyển văn bản thành đối tượng JavaScript . const obj = JSON. phân tích cú pháp ('{"tên". "John", "tuổi". 30, "thành phố". "Newyork"}'); .
Phương thức nào chuyển đổi chuỗi JSON thành đối tượng JavaScript?Cái JSON. parse() phương thức phân tích cú pháp một chuỗi JSON, xây dựng giá trị hoặc đối tượng JavaScript được mô tả bởi chuỗi.
Làm cách nào để chuyển đổi chuỗi JSON thành đối tượng?Chúng tôi sử dụng các câu lệnh sau để chuyển đổi Chuỗi JSON thành Đối tượng JSON. . Trình phân tích cú pháp JSONParser = JSONParser mới(); Trình phân tích cú pháp JSONObject json = (JSONObject). phân tích cú pháp (chuỗiToParse); Làm cách nào để chuyển đổi JSON thành văn bản trong JavaScript?Sử dụng hàm JavaScript JSON. stringify() để chuyển nó thành chuỗi . const myJSON = JSON. xâu chuỗi (obj); . |