Chúng ta có thể gán mảng cho biến trong JavaScript không?
Nhiệm vụ phá hủy là một tính năng thú vị đi kèm với ES6. Phá 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ừ các đối tượng thành các biến riêng biệt. Tức là chúng ta có thể trích xuất dữ liệu từ mảng và đối tượng rồi gán cho biến Show
Tại sao điều này là cần thiết? Hãy tưởng tượng chúng ta muốn trích xuất dữ liệu từ một mảng. Trước đây, điều này sẽ được thực hiện như thế nào?
Ta có thể thấy khi muốn lấy dữ liệu từ một mảng thì phải làm đi làm lại nhiều lần. Nhiệm vụ hủy cấu trúc ES6 giúp trích xuất dữ liệu này dễ dàng hơn. Làm thế nào là điều này như vậy? . Sau đó, chúng ta sẽ chuyển sang phá hủy đối tượng Bắt đầu nào Phá hủy mảng cơ bảnNếu chúng ta muốn trích xuất dữ liệu từ mảng, nó khá đơn giản bằng cách sử dụng phép gán hủy Hãy tham khảo ví dụ đầu tiên của chúng tôi về mảng. Thay vì trải qua quá trình lặp đi lặp lại đó, chúng tôi sẽ làm điều này
Chúng tôi cũng có thể làm điều này với kết quả tương tự
Khai báo biến trước khi gánCác biến có thể được khai báo trước khi được gán như thế này
Lưu ý rằng các biến được đặt từ trái sang phải. Vì vậy, biến đầu tiên lấy phần tử đầu tiên trong mảng, biến thứ hai lấy phần tử thứ hai trong mảng, v.v. Bỏ qua các mục trong một mảngĐiều gì sẽ xảy ra nếu chúng ta muốn lấy mục đầu tiên và mục cuối cùng trên mảng thay vì mục đầu tiên và mục thứ hai và chúng ta chỉ muốn gán hai biến? . Nhìn vào ví dụ dưới đây
Điều gì vừa xảy ra? Nhìn mảng bên trái phép gán biến. Lưu ý rằng thay vì chỉ có một dấu phẩy, chúng ta có ba. Dấu phân cách dấu phẩy được sử dụng để bỏ qua các giá trị trong một mảng. Vì vậy, nếu bạn muốn bỏ qua một mục trong một mảng, chỉ cần sử dụng dấu phẩy Hãy làm một cái khác. Hãy bỏ qua mục đầu tiên và mục thứ ba trong danh sách. Làm thế nào chúng ta sẽ làm điều này?
Vì vậy, dấu phân cách dấu phẩy thực hiện phép thuật. Vì vậy, nếu chúng tôi muốn bỏ qua tất cả các mục, chúng tôi chỉ cần làm điều này
Chỉ định phần còn lại của một mảngĐiều gì sẽ xảy ra nếu chúng ta muốn gán một số mảng cho các biến và phần còn lại của các mục trong mảng cho một biến cụ thể?
Sử dụng mẫu này, bạn có thể giải nén và gán phần còn lại của một mảng cho một biến Phân hủy cấu trúc với các chức năngChúng ta cũng có thể trích xuất dữ liệu từ một mảng được trả về từ một hàm. Giả sử chúng ta có một hàm trả về một mảng như ví dụ bên dưới ________số 8Chúng tôi nhận được kết quả tương tự Sử dụng giá trị mặc địnhCác giá trị mặc định có thể được gán cho các biến chỉ trong trường hợp giá trị được trích xuất từ mảng là 6 0Vì vậy, 7 trở lại "Sarah" vì nó không được xác định trong mảngTrao đổi các giá trị bằng cách sử dụng Bài tập hủy cấu trúcMột điều nữa. Chúng ta có thể sử dụng phép gán hủy để hoán đổi giá trị của các biến 0Tiếp theo, hãy chuyển sang phần Phá hủy đối tượng Phá hủy đối tượngĐầu tiên, hãy xem tại sao cần phải phá hủy đối tượng Giả sử chúng tôi muốn trích xuất dữ liệu từ một đối tượng và gán cho các biến mới. Trước ES6, điều này sẽ được thực hiện như thế nào? 1Xem nó tẻ nhạt như thế nào để trích xuất tất cả dữ liệu. Chúng ta phải lặp đi lặp lại điều tương tự. Phá hủy ES6 thực sự tiết kiệm thời gian. Hãy nhảy ngay vào nó Phá hủy đối tượng cơ bảnHãy lặp lại ví dụ trên với ES6. Thay vì gán từng giá trị một, chúng ta có thể sử dụng đối tượng bên trái để trích xuất dữ liệu 2Bạn sẽ nhận được kết quả tương tự. Cũng có thể gán biến cho một đối tượng chưa được khai báo 3Các biến được khai báo trước khi được gánCác biến trong các đối tượng có thể được khai báo trước khi được gán với hàm hủy. Hãy thử điều đó 4Đợi đã, chuyện gì vừa xảy ra vậy?. Ồ, chúng tôi quên thêm 8 trước dấu ngoặc nhọn 9 xung quanh câu lệnh gán là cú pháp bắt buộc khi sử dụng phép gán phá hủy theo nghĩa đen của đối tượng mà không cần khai báo. Điều này là do 0 ở phía bên trái được coi là một khối và không phải là một đối tượng theo nghĩa đen. Vì vậy, đây là cách để làm điều này đúng cách 5Cũng cần lưu ý rằng khi sử dụng cú pháp này, 8 phải được đặt trước dấu chấm phẩy. Nếu không, nó có thể được sử dụng để thực thi một chức năng từ dòng trướcLưu ý rằng các biến trong đối tượng ở phía bên trái phải có cùng tên với khóa thuộc tính trong đối tượng 2. Nếu tên khác nhau, chúng tôi sẽ nhận được 6 6Nhưng nếu chúng ta muốn sử dụng một tên biến mới, chúng ta có thể Sử dụng một tên biến mớiNếu chúng ta muốn gán giá trị của một đối tượng cho một biến mới thay vì sử dụng tên của thuộc tính, chúng ta có thể làm điều này 7Vì vậy, các giá trị được trích xuất được chuyển đến các biến mới 4 và 5Sử dụng giá trị mặc địnhCác giá trị mặc định cũng có thể được sử dụng trong quá trình phá hủy đối tượng, chỉ trong trường hợp một biến là 6 trong một đối tượng mà nó muốn trích xuất dữ liệu từ đó 8Vì vậy, nếu giá trị không phải là không xác định, biến sẽ lưu trữ giá trị được trích xuất từ đối tượng như trong trường hợp của 7. Mặt khác, nó đã sử dụng giá trị mặc định như đã làm cho 8Chúng ta cũng có thể đặt giá trị mặc định khi gán giá trị cho một biến mới 9Vì vậy, 7 đã được trích xuất từ _______32 và được gán cho một biến khác. Mặt khác, 8 là 6 trong 2, vì vậy biến mới 5 được gán giá trị mặc địnhTên thuộc tính được tính toánTên thuộc tính được tính toán là một tính năng theo nghĩa đen khác của đối tượng cũng hoạt động để phá hủy. Bạn có thể chỉ định tên của một thuộc tính thông qua một biểu thức nếu bạn đặt nó trong dấu ngoặc vuông 0Kết hợp mảng với đối tượngMảng cũng có thể được sử dụng với các đối tượng trong quá trình phá hủy đối tượng 1Làm tổ trong cấu trúc đối tượngCác đối tượng cũng có thể được lồng vào nhau khi phá hủy 2Nghỉ ngơi trong Object DestructuringCú pháp còn lại cũng có thể được sử dụng để chọn các khóa thuộc tính chưa được chọn bởi mẫu phá hủy. Các khóa đó và giá trị của chúng được sao chép vào một đối tượng mới 3Ở đây, các thuộc tính còn lại có khóa không phải là một phần của tên biến được liệt kê đã được gán cho biến 5. Cú pháp còn lại ở đây là 6. 5 có thể được đổi tên thành bất kỳ biến nào bạn muốnMột điều cuối cùng - hãy xem cách Object Destructuring có thể được sử dụng trong các chức năng Cấu trúc đối tượng và chức năngObject Destructuring có thể được sử dụng để gán tham số cho hàm 4Lưu ý 0 ở phía bên tay phải của đối tượng tham số. Nó giúp chúng ta có thể gọi hàm mà không cần truyền bất kỳ đối số nào. Đó là lý do tại sao chúng tôi có 6. Nếu chúng tôi xóa nó, chúng tôi sẽ nhận được thông báo lỗiChúng ta cũng có thể gán giá trị mặc định cho các tham số 5Chúng ta có thể làm rất nhiều thứ với Array và Object Destructuring như chúng ta đã thấy trong các ví dụ trên Cảm ơn bạn đã đọc. . ) QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO Tôi là một kỹ sư phần mềm quan tâm đến việc làm cho tất cả mọi người có thể truy cập web. Tôi thích chia sẻ kiến thức nên tôi viết về những điều tôi học được và những điều tôi cần học Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu Tôi có thể gán một mảng cho một biến không?Gán giá trị cho mảng kết hợp các phần tử biến có thể được thực hiện bằng cách sử dụng câu lệnh gán trong đó mảng được đặt tên, giá trị chỉ mục được chỉ định và giá trị phần tử tương ứng được gán.
Một mảng có thể là một biến trong JavaScript không?Thuộc tính mảng
. Một mảng có thể được tạo bằng cách sử dụng cú pháp mảng hoặc hàm tạo mảng. Cú pháp mảng. var stringArray = ["một", "hai", "ba"];An array is a special type of variable that stores multiple values using a special syntax. An array can be created using array literal or Array constructor syntax. Array literal syntax: var stringArray = ["one", "two", "three"];
Bạn có thể lưu trữ một mảng trong một biến không?Lưu trữ dữ liệu trong mảng. Gán giá trị cho một phần tử trong mảng cũng tương tự như gán giá trị cho biến vô hướng . Chỉ cần tham chiếu một phần tử riêng lẻ của một mảng bằng cách sử dụng tên mảng và chỉ mục bên trong dấu ngoặc đơn, sau đó sử dụng toán tử gán (=) theo sau là một giá trị.
Làm cách nào để thêm vào một mảng từ một biến trong JavaScript?Trong JavaScript, bạn sử dụng phương thức unshift() để thêm một hoặc nhiều phần tử vào phần đầu của một mảng và hàm này sẽ trả về giá trị của mảng đó. . |