Hướng dẫn này giới thiệu cách chuyển đổi một đối tượng javascript sang JSON.

Bạn đang xem : phân tích cú pháp đối tượng thành json

JSON là định dạng truyền dữ liệu thường được sử dụng để biểu diễn các đối tượng trong javascript. Chúng tôi sử dụng định dạng JSON làm định dạng tiêu chuẩn trong hầu hết các giao tiếp máy khách-máy chủ để truyền dữ liệu. Ký hiệu JSON rất dễ sử dụng và dễ hiểu vì nó là định dạng mà con người có thể đọc được của một đối tượng JavaScript. Dễ dàng chuyển đổi một đối tượng javascript sang định dạng JSON. Chúng tôi có thể chuyển đổi nó theo những cách sau.

Xem JavaScript Object Với ​​ console.log (jsObject)

Hàm console.log được xây dựng để xuất thông báo ra bảng điều khiển web. Chúng tôi có thể xem các thông báo bằng cách sử dụng các công cụ dành cho nhà phát triển của trình duyệt web. Hàm conosle.log () chấp nhận một đối tượng, thông báo và thậm chí cả các chuỗi con. Do đó, nó phù hợp nhất để giúp chúng ta hiểu giao diện của một đối tượng JavaScript. Khi chúng ta console.log một biến giữ một đối tượng, chúng ta sẽ có được biểu diễn JSON trực quan của nó. Đoạn mã sau mô tả biểu diễn của một đối tượng javascript bằng console.log .

  var a = {};
a.id = 1;
a.name = "icy-cream";
a.flavor = "vani";
console.log (a);
 

Đầu ra:

  {id: 1, name: "icy-cream", flavour: "vani"}
 

Trong đoạn mã trên, console.log (a) xuất ra định dạng JSON của đối tượng a . Chúng tôi sẽ nhận được cùng một biểu diễn JSON trên tất cả các trình duyệt cho đối tượng javascript vì conosle.log () được hỗ trợ trên tất cả các trình duyệt, bao gồm cả trình khám phá internet không thân thiện. Thông qua tùy chọn console.log () , chúng tôi chỉ có thể xem biểu diễn JSON của một đối tượng và không thể chỉnh sửa nó hoặc sử dụng nó để xử lý dữ liệu theo chương trình khác ngoài việc chỉ xem nó trong bảng điều khiển web. < / p>

Sử dụng JSON.stringify () để Chuyển đổi Đối tượng JSON thành a String

Một cách khác để lấy biểu diễn JSON cho đối tượng javascript là sử dụng phương thức JSON.stringify () . Chúng tôi có thể sử dụng định dạng JSON của đối tượng JavaScript và gán nó cho các biến bằng phương thức JSON.stringify () . JSON.stringify () chuyển đổi đối tượng javascript và trả về giá trị JSON cho đối tượng dưới dạng dữ liệu chuỗi.

Cú pháp

  JSON.stringify (& lt; JSObject & gt;)
 

Tham số

Hàm lấy đối tượng JavaScript làm tham số, chấp nhận một hàm thay thế số lượng khoảng trắng dưới dạng tham số tùy chọn.

  • Chúng tôi cung cấp đối tượng JavaScript mục tiêu của mình để chuyển đổi thành JSON làm tham số đầu tiên cho hàm JSON.stringify () .
  • Chúng tôi sử dụng hàm Replaceer để thay đổi đối tượng JSON. Bằng cách sử dụng nó, chúng tôi có thể chỉ định các thuộc tính mà chúng tôi muốn lọc ra khỏi đối tượng trước khi chuyển đổi nó thành định dạng JSON .
  • Tham số space count là một giá trị số hoặc chuỗi chỉ định số lượng ký tự khoảng trắng được đưa vào chuỗi JSON đầu ra để làm cho nó ở định dạng có thể đọc được.
Xem Thêm  Bootstrap Container Fluid - thùng chứa chất lỏng bootstrap 4

Return Value

JSON.stringify () trả về định dạng chuỗi JSON của đối tượng JavaScript.

Cách sử dụng

Hãy chúng ta sử dụng cùng một đối tượng mà chúng ta đã sử dụng trong phần trước. Nhưng lần này, chúng ta sẽ sử dụng JSON.stringify () để chuyển nó thành một chuỗi JSON. Tham khảo đoạn mã sau.

  var a = {};
a.id = 1;
a.name = "icy-cream";
a.flavor = "vani";
console.log (JSON.stringify (a));
console.log (JSON.stringify (a, null, 0));
console.log (JSON.stringify (a, null, 5));
 

Đầu ra:

  {"id": 1, "name": "icy-cream", "flavour" :"vanilla"}
{"id": 1, "name": "icy-cream", "flavour": "vani"}
{
     "id": 1,
     "name": "icy-cream",
     "hương vị": "vani"
}
 

Sử dụng một số trong tham số thứ ba cho hàm JSON.stringify () , chúng tôi nhận được một chuỗi JSON dễ đọc hơn dưới dạng đầu ra. Phương thức sẽ định dạng JSON bằng cách thêm số lượng khoảng trắng được chỉ định trước mỗi cặp khóa-giá trị của JSON. Ví dụ: trong JSON.stringify (a, null, 5) , tham số id của đối tượng a được đặt sau năm ký tự khoảng trắng.

Sử dụng mã được viết tùy chỉnh để chuyển đổi đối tượng JavaScript thành JSON

Nếu chúng ta viết mã để chuyển đổi đối tượng JavaScript sang định dạng JSON, chúng ta sẽ phải sử dụng hàm Object.keys () . Object.keys () là một phương thức javascript trích xuất các khóa của một đối tượng và trả về một mảng chứa các khóa . Do đó, với mã tùy chỉnh của chúng tôi, chúng tôi kết hợp các khóa và các giá trị của đối tượng javascript và bao gồm chúng trong dấu ngoặc nhọn {} để lấy biểu diễn JSON của đối tượng javascript. Hãy cùng chúng tôi xem mã bên dưới.

  var a = {};
a.id = 1;
a.name = "icy-cream";
a.flavor = "vani";
var các khóa = Object.keys (a);
var JSONOut = "{";
for (let i = 0; i & lt; keys.length; i ++) {
   JSONOut = JSONOut + `" $ {key [i]} ":" $ {a [key [i]]} ",`;
}
JSONOut = JSONOut + "}";
console.log (JSONOut);
 

Đầu ra:

  { "id": "1", "name": "icy-cream", "flavour": "vani",}
 

Lưu ý

Chúng ta có thể sử dụng đoạn mã trên để chỉ chuyển đổi các đối tượng javascript đơn giản chỉ với một cấp phân cấp. Nó có thể không hoạt động đối với các đối tượng JavaScript phức tạp chứa cấu trúc lồng nhau.

Xem Thêm  Hơn 60 mẫu biểu mẫu HTML miễn phí để sao chép và sử dụng - ví dụ về biểu mẫu địa chỉ html

Lấy lại một đối tượng JavaScript từ JSON String

Trong hầu hết các ứng dụng web, chúng tôi lưu trữ các đối tượng javascript dưới dạng chuỗi JSON vào cơ sở dữ liệu để có thể dễ dàng sử dụng chúng để hiển thị lại cùng một giao diện người dùng sau này. Chúng tôi có thể lưu trữ JSON trong cơ sở dữ liệu dưới dạng chuỗi JSON . Làm cách nào để lấy lại JSON hoặc đối tượng JavaScript tương ứng với chuỗi JSON được kéo từ cơ sở dữ liệu bằng API REST? JavaScript có phương thức JSON.parse () để chuyển đổi JSON trở lại đối tượng JavaScript. Tham khảo đoạn mã sau.

  var response = `{
     "id": 1,
     "name": "icy-cream",
     "hương vị": "vani"
} '
console.log (JSON.parse (response));
var a = JSON.parse (phản hồi);
a.id = 20;
console.log (a);
 

Đầu ra:

  {id: 1, name: "icy-cream", flavour: "vani"}
{id: 20, name: "icy-cream", flavour: "vani"}
 

Sử dụng đoạn mã trên, chúng tôi đã chuyển đổi chuỗi JSON trở lại đối tượng javascript bằng phương thức JSON.parse () và gán nó cho một biến. Thay đổi giá trị của thuộc tính id của cùng một đối tượng javascript cũng làm thay đổi giá trị thuộc tính. Do đó, chúng ta có thể chuyển đổi chuỗi JSON thành một đối tượng javascript hợp lệ mà chúng ta có thể xử lý theo chương trình trong mã. Lưu ý rằng chúng tôi có thể sử dụng ký tự dấu ngã để chấp nhận một chuỗi có nhiều ngắt dòng.

Viết cho chúng tôi

Các bài viết về DelftStack được viết bởi những người yêu thích phần mềm như bạn. Nếu bạn cũng muốn đóng góp cho DelftStack bằng cách viết các bài báo trả phí, bạn có thể xem trang viết cho chúng tôi .


Xem thêm những thông tin liên quan đến chủ đề phân tích cú pháp đối tượng thành json

Easy JavaScript – How to parse and stringify JSON data (43)

  • Tác giả: Nazmus Nasir
  • Ngày đăng: 2017-04-15
  • Đánh giá: 4 ⭐ ( 5862 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Welcome to the 43rd Easy JavaScript tutorial, part of EasyProgramming.net. We’ve been working a lot with JSON lately, let’s continue by looking at JSON.parse and JSON.stringify. These are two functions that will help you parse a string into a JSON object, and turn an object into a long string.

    When you send data to or receive data from a web server, the data is always in a string format. But there are ways to send entire objects back. You can send it all as a string with JSON.stringify() and use JSON.parse() to parse it back into JSON on your script.

    One thing to note is when you’re using JSON.parse(), the formatting of the string MUST be in JSON format, otherwise, you will get a syntax error. You cannot parse string that doesn’t look like JSON. Let’s take a look!

    To fork the fiddle and follow along: https://jsfiddle.net/easyjs/tf9tk3e3/

    For more information, please visit http://www.EasyProgramming.net to view my other programming tutorials! Find videos of C++ tutorials, Excel tutorials, and JavaScript Tutorials.

    I hope you enjoy the video and if you have any questions, please ask in the comments below. If you have any requests feel free to let me know. Thanks for watching and remember to subscribe!

    ———–

    Subscribe on YouTube: https://www.youtube.com/c/nazmusnasir
    Support me on Patreon: https://www.patreon.com/nazmus
    Follow me on Twitter: https://twitter.com/NazmusN
    Like me on Facebook: https://www.facebook.com/EasyProgrammingNet
    Follow me on Google+: https://plus.google.com/+NazmusNasir
    Check out my Github: https://github.com/naztronaut

Study Android: Bài 20. Trình phân tích cú pháp JSON Parser trong Android

  • Tác giả: v1study.com
  • Đánh giá: 3 ⭐ ( 4164 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: JSON là viết tắt của JavaScript Object Notation.It là một định dạng trao đổi dữ liệu độc lập và là sự lựa chọn tốt nhất cho XML. Chương này giải thích làm

Phân tích đối tượng JSON trong Java

  • Tác giả: viettuts.vn
  • Đánh giá: 3 ⭐ ( 8036 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Java JSON, Hướng dẫn phân tích đối tượng JSON trong Java. Đọc tập tin JSON, convert đối tượng JSON thành đối tượng Java, và ngược lại Java thành JSON

Android – Trình phân tích cú pháp JSON

  • Tác giả: isolution.pro
  • Đánh giá: 5 ⭐ ( 8704 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: JSON là viết tắt của JavaScript Object Notation, là một định dạng trao đổi dữ liệu độc lập và là giải pháp thay thế tốt nhất cho XML. Chương này giải thích cách phân tích cú pháp tệp JSON và trích xuất thông tin cần thiết từ nó. Android cung cấp bốn lớp khác nhau để thao tác dữ liệu…

JSON tut 5: Phân tích cú pháp JSON – MTVIet Website

  • Tác giả: mtviet.com
  • Đánh giá: 4 ⭐ ( 6134 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Phân tích cú pháp JSON phức tạp trong Flutter

  • Tác giả: itzone.com.vn
  • Đánh giá: 4 ⭐ ( 1474 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: The ITZone platform Vietnam is the community for anyone interested in news, training seminars, presentations etc in the IT industry

Văn bản phân tích như JSON hoặc XML (Power query)

  • Tác giả: support.microsoft.com
  • Đánh giá: 5 ⭐ ( 6813 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hủy xây dựng nội dung của một cột có chứa các chuỗi văn bản có chứa ký hiệu đối tượng JavaScript (JSON) hoặc ngôn ngữ đánh dấu mở rộng (XML).

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Ký tự thay thế Python trong chuỗi - thay thế văn bản trong chuỗi python

By ads_php