Trong công việc phát triển hàng ngày của chúng tôi, chúng tôi thường cần phải xử lý các định dạng dữ liệu khác nhau, trong đó JSON và YAML là hai định dạng rất phổ biến. Chúng được sử dụng rộng rãi trong trao đổi dữ liệu, tệp cấu hình, v.v. Bài viết này sẽ hướng dẫn bạn cách sử dụng định dạng YAML trong CodePen và cách chuyển đổi dữ liệu YAML sang định dạng JSON thông qua một ví dụ đơn giản. Chúng tôi sẽ sử dụng chủ đề "nohutyemek" (tiếng Trung có nghĩa là "thức ăn ngon") để xây dựng dữ liệu công thức đơn giản. 1. Giới thiệu về YAML YAML (YAMLAin'tMarkupLanguage) là một tiêu chuẩn tuần tự hóa dữ liệu dễ đọc và được viết ra, được sử dụng rộng rãi trong các tệp cấu hình. Cú pháp của nó rõ ràng và súc tích, hỗ trợ phân cấp và lý tưởng để biểu diễn thông tin cấu hình. 2. Giới thiệu về JSON JSON (JavaScript ObjectNotation) là một định dạng trao đổi dữ liệu nhẹ, dễ đọc và ghi. Nó dựa trên một tập hợp con của ECMAScript và lưu trữ dữ liệu ở định dạng các cặp khóa-giá trị. 3. Chuyển đổi YAML sang JSON Dưới đây là ví dụ về dữ liệu YAML cho một công thức với chủ đề "nohutyemek": ''Yaml công thức: tên: Trứng bác với cà chua Mô tả: Một bữa ăn nấu tại nhà đơn giản và ngon miệng Nguyên liệu: -Trứng -cà chua -dầu ăn -muối Bước: - Đánh trứng - Cà chua thái hạt lựu - Làm nóng chảo với dầu và trứng bác - Thêm cà chua vào xào - Nêm muối và lấy ra khỏi chảo ``` Chúng ta có thể sử dụng các ngôn ngữ lập trình khác nhau để chuyển đổi dữ liệu YAML sang định dạng JSON. Dưới đây là một ví dụ về việc sử dụng Python: ''Trăn nhập khẩu yaml importjson Đọc tệp YAML withopen('recipe.yaml','r')asfile: dữ liệu = yaml.safe_load (tệp) Chuyển đổi dữ liệu YAML sang định dạng JSON json_data=json.dumps(data) Xuất dữ liệu JSON in(json_data) ``` 4. Thực hành trong CodePen CodePen là một trình soạn thảo mã trực tuyến có thể được sử dụng để viết và chia sẻ mã HTML, CSS và JavaScript. Thực hành chuyển đổi YAML sang JSON trong CodePen có thể tạo điều kiện cho chúng ta hiểu về quá trình sử dụng và chuyển đổi của hai định dạng này. Chúng ta có thể viết mã Python trong CodePen để đọc tệp YAML và chuyển đổi nó sang định dạng JSON, sau đó sử dụng bảng Console hoặc Output để xem kết quả. Ngoài ra, chúng ta cũng có thể sử dụng chức năng front-end của CodePen để viết code JavaScript nhằm phân tích cú pháp và hiển thị dữ liệu YAML hoặc JSON. 5. Tóm tắt Bài viết này mô tả hai định dạng dữ liệu phổ biến, YAML và JSON, và các ứng dụng của chúng trong quá trình phát triển. Với mã mẫu, chúng tôi đã học cách thực hiện chuyển đổi YAML sang JSON trong CodePen. Trong phát triển thực tế, chúng ta có thể chọn sử dụng định dạng YAML hoặc JSON để lưu trữ và trao đổi dữ liệu theo nhu cầu của mình. Hy vọng bài viết này sẽ giúp bạn đọc hiểu rõ hơn về hai định dạng dữ liệu này và áp dụng vào thực tế phát triển.