Hướng dẫn what is parse and stringify in javascript? - phân tích cú pháp và chuỗi ký tự trong javascript là gì?

Giới thiệu

Đối tượng

Output

{name: 'Sammy', email: '', plan: 'Pro'} email: "" name: "Sammy" plan: "Pro"
0, có sẵn trong tất cả các trình duyệt hiện đại, có hai phương pháp hữu ích để đối phó với nội dung được định dạng JSON:

Output

{name: 'Sammy', email: '', plan: 'Pro'} email: "" name: "Sammy" plan: "Pro"
1 và

Output

{name: 'Sammy', email: '', plan: 'Pro'} email: "" name: "Sammy" plan: "Pro"
2.

Output{name: 'Sammy', email: '', plan: 'Pro'} email: "" name: "Sammy" plan: "Pro" 3

Output

{name: 'Sammy', email: '', plan: 'Pro'} email: "" name: "Sammy" plan: "Pro"
3 lấy một chuỗi JSON và biến nó thành một đối tượng JavaScript.

let userStr = '{"name":"Sammy","email":"","plan":"Pro"}';

let userObj = JSON.parse(userStr);

console.log(userObj);

Thực hiện mã này sẽ tạo ra đầu ra sau:

Output

{name: 'Sammy', email: '', plan: 'Pro'} email: "" name: "Sammy" plan: "Pro"

Dấu phẩy không có giá trị trong JSON, vì vậy

Output

{name: 'Sammy', email: '', plan: 'Pro'} email: "" name: "Sammy" plan: "Pro"
3 đã gây ra lỗi nếu chuỗi được truyền cho nó có dấu phẩy.

Output

{name: 'Sammy', email: '', plan: 'Pro'} email: "" name: "Sammy" plan: "Pro"
3 có thể lấy một hàm như một đối số thứ hai có thể biến đổi các giá trị đối tượng trước khi chúng được trả về.

Ở đây, các giá trị của đối tượng được chuyển đổi thành chữ hoa trong đối tượng được trả về của phương thức

Output

{name: 'Sammy', email: '', plan: 'Pro'} email: "" name: "Sammy" plan: "Pro"
1:

let userStr = '{"name":"Sammy","email":"","plan":"Pro"}';

let userObj = JSON.parse(userStr, (key, value) => {
  if (typeof value === 'string') {
    return value.toUpperCase();
  }
  return value;
});

console.log(userObj);

Thực hiện mã này sẽ tạo ra đầu ra sau:

Output

{name: 'SAMMY', email: '', plan: 'PRO'} email: "" name: "SAMMY" plan: "PRO"

Dấu phẩy không có giá trị trong JSON, vì vậy

Output

{name: 'Sammy', email: '', plan: 'Pro'} email: "" name: "Sammy" plan: "Pro"
3 đã gây ra lỗi nếu chuỗi được truyền cho nó có dấu phẩy.

Output{name: 'Sammy', email: '', plan: 'Pro'} email: "" name: "Sammy" plan: "Pro" 3 có thể lấy một hàm như một đối số thứ hai có thể biến đổi các giá trị đối tượng trước khi chúng được trả về.

Ở đây, các giá trị của đối tượng được chuyển đổi thành chữ hoa trong đối tượng được trả về của phương thức

Output

{name: 'Sammy', email: '', plan: 'Pro'} email: "" name: "Sammy" plan: "Pro"
1:

let userObj = {
  name: "Sammy",
  email: "",
  plan: "Pro"
};

let userStr = JSON.stringify(userObj);

console.log(userStr);

Thực hiện mã này sẽ tạo ra đầu ra sau:

Output

{"name":"Sammy","email":"","plan":"Pro"}

Dấu phẩy không có giá trị trong JSON, vì vậy

Output

{name: 'Sammy', email: '', plan: 'Pro'} email: "" name: "Sammy" plan: "Pro"
3 đã gây ra lỗi nếu chuỗi được truyền cho nó có dấu phẩy.

Output

{name: 'Sammy', email: '', plan: 'Pro'} email: "" name: "Sammy" plan: "Pro"
3 có thể lấy một hàm như một đối số thứ hai có thể biến đổi các giá trị đối tượng trước khi chúng được trả về.

let userObj = {
  name: "Sammy",
  email: "",
  plan: "Pro"
};

function replacer(key, value) {
  console.log(typeof value);
  if (key === 'email') {
    return undefined;
  }
  return value;
}

let userStrReplacer = JSON.stringify(userObj, replacer);

console.log(userStrReplacer);

Thực hiện mã này sẽ tạo ra đầu ra sau:

Output

{"name":"Sammy","plan":"Pro"}

Dấu phẩy không có giá trị trong JSON, vì vậy

Output

{name: 'Sammy', email: '', plan: 'Pro'} email: "" name: "Sammy" plan: "Pro"
3 đã gây ra lỗi nếu chuỗi được truyền cho nó có dấu phẩy.

Output

{name: 'Sammy', email: '', plan: 'Pro'} email: "" name: "Sammy" plan: "Pro"
3 có thể lấy một hàm như một đối số thứ hai có thể biến đổi các giá trị đối tượng trước khi chúng được trả về.

let userObj = {
  name: "Sammy",
  email: "",
  plan: "Pro"
};

let userStrSpace = JSON.stringify(user, null, '...');

console.log(userStrSpace);

Thực hiện mã này sẽ tạo ra đầu ra sau:

Output

{ ..."name": "Sammy", ..."email": "", ..."plan": "Pro" }

Dấu phẩy không có giá trị trong JSON, vì vậy

Output

{name: 'Sammy', email: '', plan: 'Pro'} email: "" name: "Sammy" plan: "Pro"
3 đã gây ra lỗi nếu chuỗi được truyền cho nó có dấu phẩy.

Output{name: 'Sammy', email: '', plan: 'Pro'} email: "" name: "Sammy" plan: "Pro" 3 có thể lấy một hàm như một đối số thứ hai có thể biến đổi các giá trị đối tượng trước khi chúng được trả về.

Ở đây, các giá trị của đối tượng được chuyển đổi thành chữ hoa trong đối tượng được trả về của phương thức

Output

{name: 'Sammy', email: '', plan: 'Pro'} email: "" name: "Sammy" plan: "Pro"
1:

Các giá trị đã được chuyển đổi thành các ký tự chữ hoa.

Sự khác biệt giữa Stringify và Parse là gì?

Parse () được sử dụng để phân tích dữ liệu được nhận dưới dạng JSON; Nó giảm dần một chuỗi JSON vào một đối tượng JavaScript. Json. Mặt khác, Stringify () được sử dụng để tạo chuỗi JSON từ một đối tượng hoặc mảng; Nó tuần tự hóa một đối tượng JavaScript thành chuỗi JSON.

Một phân tích cú pháp trong JavaScript là gì?

Phân tích phân tích có nghĩa là phân tích và chuyển đổi một chương trình thành một định dạng nội bộ mà môi trường thời gian chạy thực sự có thể chạy, ví dụ như công cụ JavaScript bên trong các trình duyệt. Trình duyệt phân tích cú pháp HTML vào cây dom. Phân tích cú pháp HTML liên quan đến việc xây dựng mã thông báo và xây dựng cây.analyzing and converting a program into an internal format that a runtime environment can actually run, for example the JavaScript engine inside browsers. The browser parses HTML into a DOM tree. HTML parsing involves tokenization and tree construction.

Stringify trong JavaScript là gì?

Phương thức json.Stringify () chuyển đổi giá trị javascript thành chuỗi JSON, tùy chọn thay thế các giá trị nếu hàm thay thế được chỉ định hoặc tùy chọn chỉ bao gồm các thuộc tính được chỉ định nếu một mảng thay thế được chỉ định.converts a JavaScript value to a JSON string, optionally replacing values if a replacer function is specified or optionally including only the specified properties if a replacer array is specified.

Chuỗi được sử dụng để làm gì?

Phương thức Stringify () trong JavaScript được sử dụng để tạo chuỗi JSON từ nó.Trong khi phát triển một ứng dụng bằng JavaScript, nhiều lần cần phải tuần tự hóa dữ liệu thành chuỗi để lưu trữ dữ liệu vào cơ sở dữ liệu hoặc gửi dữ liệu đến API hoặc máy chủ web.to create a JSON string out of it. While developing an application using JavaScript, many times it is needed to serialize the data to strings for storing the data into a database or for sending the data to an API or web server.