Hướng dẫn what is json stringify and json parse in javascript? - json stringify và json parse 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.

JSON Stringify và Json Parse là gì?

Json.Stringify () lấy một đối tượng javascript và sau đó biến nó thành một chuỗi json.json.parse () lấy một chuỗi JSON và sau đó biến nó thành một đối tượng javascript. stringify() takes a JavaScript object and then transforms it into a JSON string. JSON. parse() takes a JSON string and then transforms it into a JavaScript object.

Việc sử dụng Json Stringify và JSON Parse trong JavaScript là gì?

Hàm json.parse () được sử dụng để chuyển đổi chuỗi thành đối tượng javascript trong khi hàm json.Stringify () được sử dụng để chuyển đổi đối tượng javascript thành một chuỗi. parse() function is used to convert a string into a JavaScript object while the JSON. stringify() function is used to convert a JavaScript object into a string.

JSON 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.

Sự khác biệt giữa json () và json parse () là gì?

Sự khác biệt là: json () không đồng bộ và trả về một đối tượng hứa hẹn giải quyết cho một đối tượng javascript.json.parse () là đồng bộ có thể phân tích một chuỗi vào (a) đối tượng javascript (s).json() is asynchronous and returns a Promise object that resolves to a JavaScript object. JSON. parse() is synchronous can parse a string to (a) JavaScript object(s).