Phá hủy trong JS

Với việc phá hủy, chúng ta có thể “giải nén” một đối tượng và gán các thuộc tính của nó cho các biến mới. Ví dụ: hãy xem xét việc phá hủy đối tượng:

Chúng ta có thể xem Phá hủy như là cố gắng làm một chiếc bánh mì trứng ngon lành. Chúng tôi chỉ lấy những thành phần từ tủ lạnh mà chúng tôi cần cho bánh sandwich, chẳng hạn như Bánh mì, Bologna, trứng, v.v. Chúng tôi sẽ không lấy tất cả những thứ chúng tôi có trong tủ lạnh phải không? Đó là trường hợp tương tự như Destruct phần tử trong JS.

Phá hủy cấu trúc là một biểu thức JavaScript cho phép chúng ta trích xuất dữ liệu từ mảng, đối tượng và bản đồ và lưu trữ dữ liệu đó trong các biến riêng biệt. Việc hủy cấu trúc cho phép chúng ta trích xuất nhiều thuộc tính hoặc đối tượng cùng một lúc từ một mảng.

Chúng ta hãy xem cú pháp:

const obj = {
  a: 2,
  b: 3,
}

// destructure assignment
const { a, b } = obj;

console.log(a); // 2
console.log(b); // 3

const { a,b } = obj;

Các loại phá hủy:

Gán tên biến hiện có:

var student = {    // Object we will be destructuring
    firstname: 'Mohajit',
    lastname: 'Paul',
    dateofbirth: '2002'
};

// Destructuring:
const { firstname, lastname, dateofbirth } = student;
console.log( firstname, lastname, dateofbirth);

2. Gán tên biến mới:

Đầu vào:

var student = {    // Object to destructure
    firstname: 'Mohajit',
    lastname: 'Paul',
    dateofbirth: '2002'
};

// Destructuring obj with different names:
const { firstname: F1N, lastname: L1N, dateofbirth: dob } = student;
console.log( F1N, L1N , dob);

3. Gán với giá trị mặc định:

Đầu vào:

var student = {    // Object to destructure
    firstname: 'Mohajit',
    lastname: 'Paul',
    dateofbirth: '2002'
};
// Destructuring - variables without 
// assigning default values 
var { firstname, lastname, country } = student;
console.log("Without setting default values")
console.log( firstname, lastname, grade);

// Destructuring - variables by 
// assigning default values 
var { firstname = 'default firstname', 
      lastname = 'default lastname', 
      grade = 'default grade' } = student;
console.log("\n After setting default values")
console.log( firstname, lastname, grade);

Vì vậy, kết thúc câu chuyện phá hủy trong JS.

Theo dõi tôi trên mạng xã hội của tôi:

Github

liên kết

Twitter