Hướng dẫn how do i convert a json file to javascript? - làm cách nào để chuyển đổi tệp json sang javascript?

JSON (ký hiệu đối tượng JavaScript) đã trở thành định dạng tuần tự hóa thực tế cho các API REST, do thực tế là nó có thể đọc được, đơn giản và nhỏ. has become the de facto serialization format for REST APIs, due to the fact that it's humanly-readable, simple and small in size.

Nó sử dụng cùng một ký hiệu được sử dụng để xác định các đối tượng JavaScript và một cách tự nhiên, thật cực kỳ đơn giản để chuyển đổi giữa các đối tượng Chuỗi JSON và JavaScript.

Chúng tôi sẽ làm việc với chuỗi JSON sau:

const jsonString = '{"author" : "Plato", "name" : "Republic", "releaseYear" : "375BC"}';

Chuyển đổi chuỗi JSON sang đối tượng JavaScript

Mô -đun

const book = JSON.parse(jsonString);
console.log('Type: ', typeof book);
console.log('Contents: ', book)

const book = JSON.parse(jsonString);
console.log('Type: ', typeof book);
console.log('Contents: ', book)

const book = JSON.parse(jsonString);
console.log('Type: ', typeof book);
console.log('Contents: ', book)

Nó được tích hợp vào chính ngôn ngữ nên không cần phải cài đặt hoặc nhập bất kỳ phụ thuộc nào:

const book = JSON.parse(jsonString);
console.log('Type: ', typeof book);
console.log('Contents: ', book)

Kết quả này trong:

Type: object
Contents: 
{
  author:"Plato",
  name:"Republic",
  releaseYear:"375BC"
}

Bạn có thể bị cám dỗ để

const book = JSON.parse(jsonString);
console.log('Type: ', typeof book);
console.log('Contents: ', book)

const book = eval("(" + jsonString + ")")
console.log('Type: ', typeof book);
console.log('Contents: ', book)

Điều này hoạt động tốt:

Type: object
Contents: 
{
  author:"Plato",
  name:"Republic",
  releaseYear:"375BC"
}

Tuy nhiên, phương pháp này cũng dễ bị tiêm mã.

const book = JSON.parse(jsonString);
console.log('Type: ', typeof book);
console.log('Contents: ', book)

const book = JSON.parse(jsonString);
console.log('Type: ', typeof book);
console.log('Contents: ', book)

const jsonString = 'console.log("Malicious code")';

Sau đó, chỉ cần đánh giá nó sẽ dẫn đến:

const book = eval("(" + jsonString + ")")
// Malicious code

Kiểm tra hướng dẫn thực hành của chúng tôi, thực tế để học Git, với các thực hành tốt nhất, các tiêu chuẩn được công nghiệp chấp nhận và bao gồm bảng gian lận. Ngừng các lệnh git googling và thực sự tìm hiểu nó!

Cuối cùng, đúng là JavaScript chạy, ở một mức độ lớn, trên máy của khách hàng, trên đó họ có thể đánh giá và chạy bất kỳ mã nào họ muốn trong trình duyệt. Tuy nhiên, một sự thay đổi mô hình lớn đã xảy ra trong những năm gần đây và JavaScript ngày càng được sử dụng ở phía máy chủ. Mặc dù bảo mật tiêm mã cuối cùng rơi vào phía máy chủ, vì bạn thực sự không thể ngăn chặn nó ở phía trước-có cơ hội JavaScript cũng đang chạy ở phía máy chủ.

Chuyển đổi chuỗi JSON sang mảng JavaScript

Mặc dù bạn có thể phân tích JSON vào bất kỳ đối tượng tùy ý nào - một cấu trúc dữ liệu phổ biến mà bạn sẽ chuyển đổi dữ liệu là mảng. Các mảng JSON được chứa trong dấu ngoặc vuông và các phần tử của mảng được phân tách bằng dấu phẩy:

[element1, element2, element3]

Một phần tử có thể là một yếu tố độc lập, một đối tượng JSON khác hoặc một mảng khác, từ đó cũng có thể chứa bất kỳ loại nào trong số này. Chúng ta hãy xem hai mảng - một mảng đơn giản với một vài yếu tố và một mảng có chứa một số đối tượng JSON:

const simpleArrayJson = '["Java", "Python", "JavaScript"]';
const objectArrayJson = '[{"name": "Java", "description": "Java is a class-based, object-oriented programming language."},{"name": "Python", "description": "Python is an interpreted, high-level and general-purpose programming language."}, {"name": "JS", "description": "JS is a programming language that conforms to the ECMAScript specification."}]';

const simpleArray = JSON.parse(simpleArrayJson);
const objectArray = JSON.parse(objectArrayJson);

console.log(simpleArray);
console.log(objectArray);

Kết quả này trong:

[
  "Java",
  "Python",
  "JavaScript"
]

[
  {
    name:"Java",
    description:"Java is a class-based, object-oriented programming language."
  },
  {
    name:"Python",
    description:"Python is an interpreted, high-level and general-purpose programming language."
  },
  {
    name:"JS",
    description:"JS is a programming language that conforms to the ECMAScript specification."
  }
]

Bạn có thể bị cám dỗ để const book = JSON.parse(jsonString); console.log('Type: ', typeof book); console.log('Contents: ', book) 3 một chuỗi vào một đối tượng, nhưng hãy mệt mỏi với thực tiễn:

Điều này hoạt động tốt:

JSON có thể được chuyển đổi thành JavaScript không?

Làm cách nào để nhập tệp JSON vào JavaScript?

Làm thế nào sử dụng tệp dữ liệu JSON trong JavaScript?

Là một tệp JSON JavaScript?