Phá hủy JavaScript
Ngày đăng:
09/01/2023
Trả lời:
0
Lượt xem:
179
Phép gán hủy cấu trúc là một biểu thức JavaScript cho phép giải nén các giá trị từ mảng hoặc thuộc tính từ đối tượng thành các biến riêng biệt. Dữ liệu có thể được trích xuất từ mảng, đối tượng, đối tượng lồng nhau và gán cho biến. Trong Bài tập hủy cấu trúc ở phía bên trái đã xác định giá trị nào sẽ được giải nén khỏi biến nguồn. Nói chung, cách thực hiện trích xuất mảng như dưới đây. Thí dụ. Show javvar x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 204 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 205 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 206 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 207 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 208 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 209 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 208 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]1 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 208 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]3 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]4
var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 205 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]6 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 205 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]8
[x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]9 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2060 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2061 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2062 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2063 đầu ra var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 200 cú pháp
var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 20
[x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]
var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 206
var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 204 Phá hủy mảng. Sử dụng Bài tập hủy cấu trúc trong các tình huống có thể xảy ra với mảng JavaScript, tất cả các ví dụ được liệt kê bên dưới
javvar x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 204 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 205 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 206 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 207 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 208 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 209 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 208 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]1 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 208 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]3 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]4 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 205 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2046 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2047 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]9 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2060 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2061 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2062
var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2032 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 205 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2034 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 207_______08 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 209 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 208 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]1 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 208 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]3 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]4 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2043 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]9 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2060 _______161____547 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2063
var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 203
javvar x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 204 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 205 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2031____07 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 208 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 209 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 208 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]1 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 208 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]3 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]4 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2043 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]9 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2060 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]53 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]54 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2063
var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 204
javvar x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 204 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 205 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]58____07 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 208 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 209 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 208 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]1____08 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]3 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]4 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2043 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]9 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2060 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2000 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2001 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2063
var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 203
javvar x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 204 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 205 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 206 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 207 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 208 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 209 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 208 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]1 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 208 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]3 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]4
[x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]9 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2060 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2061 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2062
var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2018 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2019 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2047 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]9 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2062 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2061 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2060 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2063
[x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]5
javvar x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 204 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2027 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2028 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2043 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2030 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2031 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 207 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 208 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 209 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 208 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]1 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 208 [x, y, ...restof] = [10, 20, 30, 40, 50]; console.log(x); // 10 console.log(y); // 20 console.log(restof); // [30, 40, 50]3 var x, y; [x, y] = [10, 20]; console.log(x); // 10 console.log(y); // 2039 Phá hủy trong JavaScript là gì?Phá hủy cấu trúc đối tượng JavaScript là cú pháp trích xuất các giá trị từ một thuộc tính đối tượng và gán chúng cho một biến . Việc phá hủy cũng có thể thực hiện được đối với Mảng JavaScript. Theo mặc định, tên khóa đối tượng trở thành biến chứa giá trị tương ứng.
Làm cách nào để sử dụng phá hủy trong JavaScript?Dưới đây là cách hủy cấu trúc các giá trị từ một đối tượng. . var employee = { // Đối tượng chúng tôi muốn hủy cấu trúc. tên đầu tiên. 'Jon', họ. 'Tuyết',. var employee = { // Đối tượng chúng tôi muốn hủy cấu trúc. tên đầu tiên. 'Jon', họ. 'Tuyết',. var employee = { // Đối tượng chúng tôi muốn hủy cấu trúc. tên đầu tiên. 'Jon', họ. 'Tuyết', Tại sao sử dụng phá hủy?Gán cấu trúc là một cú pháp đặc biệt cho phép chúng ta “giải nén” các mảng hoặc đối tượng thành một loạt các biến , vì đôi khi điều đó thuận tiện hơn. Việc hủy cấu trúc cũng hoạt động hiệu quả với các hàm phức tạp có nhiều tham số, giá trị mặc định, v.v.
Chúng ta có thể hủy cấu trúc đối tượng trong JavaScript không?Kể từ ECMAScript 6 (hay gọi tắt là ES6), bạn có thể giải cấu trúc các đối tượng trong JavaScript . Là một nhà phát triển JavaScript, bạn có thể sẽ hủy cấu trúc các đối tượng như một phần công việc hàng ngày của mình. Hãy tìm hiểu về lý do tại sao chúng ta sử dụng cấu trúc hủy và sau đó chúng ta sẽ tìm hiểu cách hủy cấu trúc các đối tượng JavaScript. |