Khám Phá 5 Tính Năng Đặc Biệt Của Phương Thức JSON.stringify() Trong JavaScript

Xin chào tất cả các bạn! Trong bài viết hôm nay, chúng ta sẽ cùng nhau khám phá 5 tính năng đặc biệt của phương thức JSON.stringify() trong JavaScript mà có thể bạn đã biết hoặc chưa từng biết đến. Việc tìm hiểu thêm về những điều thú vị này sẽ giúp bạn có thêm kiến thức trong lập trình.

JSON.stringify() Là Gì?

JSON.stringify() là một phương thức nổi bật trong JavaScript, được sử dụng để chuyển đổi một object hoặc một giá trị sang định dạng chuỗi JSON. Điều này rất hữu ích khi bạn muốn lưu trữ dữ liệu vào cơ sở dữ liệu.

Ví Dụ Về JSON.stringify()

Hãy cùng xem ví dụ dưới đây để hiểu rõ hơn:

var jack = {
  song: 'Hoa Hải Đường',
  release: 2020,
};

console.log(jack); // Kết quả là object
// Object { song: "Hoa Hải Đường", release: 2020 }

console.log(JSON.stringify(jack)); // Kết quả là string
// {"song":"Hoa Hải Đường","release":2020}

Khi bạn muốn lưu object jack vào cơ sở dữ liệu, việc sử dụng JSON.stringify() là tuyệt vời bởi vì nó chuyển đổi object thành chuỗi JSON dễ lưu trữ.

5 Tính Năng Đặc Biệt Của JSON.stringify()

1. Truyền Tham Số Thứ Hai

Đầu tiên, chúng ta có thể sử dụng tham số thứ hai khi gọi JSON.stringify(). Tham số này có thể là null, một mảng, hoặc một hàm.

Kiểu Mảng

Nếu bạn chỉ muốn stringify một thuộc tính cụ thể, bạn có thể dùng tham số kiểu mảng. Ví dụ:

var user = {
  firstName: 'Jack',
  lastName: 'Jackon',
  gender: 'man',
  age: 24
};

JSON.stringify(user, ['firstName']); // Kết quả: {"firstName": "Jack"}

Nếu thuộc tính không tồn tại hoặc giá trị là undefined, JSON.stringify() sẽ trả về {}.

Kiểu Hàm

Nếu bạn muốn áp dụng điều kiện khi stringify, bạn có thể truyền vào một hàm. Ví dụ:

JSON.stringify(user, function (key, value) {
  if (key === '' || (key === 'age' && value > 25)) {
    return value;
  }
});
// Kết quả với age > 25 sẽ không bao gồm thuộc tính age.

2. Tham Số Thứ Ba

Tham số thứ ba của JSON.stringify() cho phép bạn định dạng chuỗi JSON, có thể là một số để xác định số lượng khoảng trắng cho việc thụt lề hay một chuỗi tùy chỉnh.

Tham Số Kiểu Số

JSON.stringify(user, null, 2); // Thụt lề 2 khoảng trắng

Tham Số Kiểu Chuỗi

JSON.stringify(user, null, '__'); // Thay thế khoảng trắng bằng dấu "__"

3. Tùy Chỉnh Với toJSON

Nếu object của bạn có phương thức toJSON, JSON.stringify() sẽ gọi phương thức này và sử dụng giá trị trả về. Ví dụ:

var user = {
  firstName: 'Jack',
  lastName: 'Jackon',
  toJSON: function () {
    return this.firstName + ' ' + this.lastName;
  }
};

JSON.stringify(user); // Kết quả: "Jack Jackon"

Kết Luận

Trên đây là một số tính năng thú vị của JSON.stringify() mà bạn có thể áp dụng trong lập trình JavaScript. Việc hiểu biết và sử dụng thành thạo những tính năng này sẽ giúp bạn lập trình hiệu quả hơn.
Hy vọng bài viết đã đem lại cho các bạn những thông tin bổ ích và thú vị.
source: viblo