Hướng dẫn traverse 2d array javascript - lướt qua mảng 2d javascript
Nếu bạn đang sử dụng ES2015 và bạn muốn xác định đối tượng của riêng mình lặp lại như mảng 2 chiều, bạn có thể triển khai giao thức Iterator bằng cách: Show
Chức năng lặp mảng một chiều sẽ trông như thế này:
Bây giờ, chúng ta có thể coi đối tượng 8 của chúng ta như một điều không thể sử dụng được:
Để tạo ra 2-D có thể lặp lại, thay vì trả về một giá trị trong hàm 5 của chúng tôi, chúng tôi có thể trả về một điều khác có thể sử dụng được:
Bây giờ, chúng ta có thể sử dụng lặp lại lồng nhau:
Lưu ý rằng có thể điều chỉnh tùy chỉnh của chúng tôi sẽ không hoạt động như một mảng 2 chiều trong mọi trường hợp; Ví dụ: chúng tôi chưa thực hiện chức năng 0. Câu trả lời này cho thấy cách bạn có thể triển khai chức năng bản đồ máy phát (xem ở đây để biết sự khác biệt giữa trình lặp và máy phát điện; Ngoài ra, trình tạo là một tính năng ES2016, không phải ES2015, vì vậy bạn sẽ cần thay đổi cài đặt trước Babel nếu bạn biên dịch với Babel ). Lặp lại trên hai chiều có nghĩa là bạn sẽ cần kiểm tra hai chiều. Nội phân chính
Bảng BCD chỉ tải trong trình duyệt Xem thêmLặp lại trên hai chiều có nghĩa là bạn sẽ cần kiểm tra hai chiều.
Nội phân chính Sự mô tả
Người xây dựng
Tính chất tĩnh
Sự mô tảNgười xây dựng
Người xây dựng 6Tính chất tĩnh Tính chất tĩnh 8Phương pháp tĩnh Phương pháp tĩnh 0Thuộc tính thể hiện 2Phương pháp thể hiện 5Tạo một mảng Thuộc tính thể hiện 7Phương pháp thể hiện 8Tạo một mảng Phương pháp thể hiệnTạo một mảng Tạo một chuỗi từ một mảng 1Truy cập một mục mảng theo chỉ mục của nó 2Tìm chỉ mục của một mục trong một mảng 3Kiểm tra xem một mảng có chứa một mục nào đó không 4Trả về 3 Nếu mọi phần tử trong mảng gọi thỏa mãn chức năng kiểm tra. 6Điền vào tất cả các phần tử của một mảng từ chỉ mục bắt đầu sang chỉ mục cuối với giá trị tĩnh. 7Trả về một mảng mới chứa tất cả các phần tử của mảng gọi mà hàm lọc được cung cấp trả về 3. 9Trả về giá trị của phần tử đầu tiên trong mảng thỏa mãn chức năng thử nghiệm được cung cấp hoặc 0 nếu không tìm thấy phần tử thích hợp. 1Trả về chỉ số của phần tử đầu tiên trong mảng thỏa mãn chức năng thử nghiệm được cung cấp hoặc 2 nếu không tìm thấy phần tử thích hợp. 3Trả về giá trị của phần tử cuối cùng trong mảng thỏa mãn chức năng thử nghiệm được cung cấp hoặc 0 nếu không tìm thấy phần tử thích hợp. 5Trả về chỉ số của phần tử cuối cùng trong mảng thỏa mãn chức năng thử nghiệm được cung cấp hoặc 2 nếu không tìm thấy phần tử thích hợp. 7Trả về một mảng mới với tất cả các yếu tố mảng con được liên kết vào nó đệ quy lên đến độ sâu được chỉ định. 8Trả về một mảng mới được hình thành bằng cách áp dụng một hàm gọi lại đã cho cho từng phần tử của mảng gọi, sau đó làm phẳng kết quả theo một cấp. 9Gọi một hàm cho mỗi phần tử trong mảng gọi. 0 Thử nghiệmExperimentalNhóm các phần tử của một mảng thành một đối tượng theo các chuỗi được trả về bởi một hàm thử nghiệm. 1 Thử nghiệmExperimentalNhóm các phần tử của một mảng thành 2 theo các giá trị được trả về bởi hàm thử nghiệm. 3Xác định xem mảng gọi có chứa giá trị hay không, trả về 3 hoặc 4 nếu thích hợp. 6Trả về chỉ mục đầu tiên (ít nhất) mà tại đó một phần tử nhất định có thể được tìm thấy trong mảng gọi. 7Tham gia tất cả các yếu tố của một mảng thành một chuỗi. 8Trả về một trình lặp mảng mới chứa các phím cho mỗi chỉ mục trong mảng gọi. 9Trả về chỉ mục cuối cùng (lớn nhất) mà tại đó một phần tử nhất định có thể được tìm thấy trong mảng gọi hoặc 2 nếu không tìm thấy. 01Trả về một mảng mới chứa kết quả gọi một hàm trên mọi phần tử trong mảng gọi. 02Loại bỏ phần tử cuối cùng khỏi một mảng và trả về phần tử đó. 03Thêm một hoặc nhiều phần tử vào cuối một mảng và trả về 4 mới của mảng. 05Thực thi chức năng gọi lại "giảm" do người dùng cung cấp trên mỗi phần tử của mảng (từ trái sang phải), để giảm nó xuống một giá trị duy nhất. 06Thực thi chức năng gọi lại "giảm" do người dùng cung cấp trên mỗi phần tử của mảng (từ phải sang trái), để giảm nó xuống một giá trị duy nhất. 07Đảo ngược thứ tự của các yếu tố của một mảng tại chỗ. (Đầu tiên trở thành người cuối cùng, lần cuối cùng trở thành đầu tiên.) 08Loại bỏ phần tử đầu tiên khỏi một mảng và trả về phần tử đó. 09Trích xuất một phần của mảng gọi và trả về một mảng mới. 10Trả về 3 Nếu ít nhất một phần tử trong mảng gọi thỏa mãn chức năng kiểm tra được cung cấp. 12Sắp xếp các phần tử của một mảng tại chỗ và trả về mảng. 13Thêm và/hoặc loại bỏ các yếu tố khỏi một mảng. 14Trả về một chuỗi cục bộ đại diện cho mảng gọi và các yếu tố của nó. Ghi đè phương thức 15. 16Trả về một chuỗi đại diện cho mảng gọi và các phần tử của nó. Ghi đè phương thức 17. 18Thêm một hoặc nhiều phần tử vào mặt trước của một mảng và trả về 4 mới của mảng. 20Trả về một đối tượng lặp mảng mới chứa các giá trị cho mỗi chỉ mục trong mảng. 21Một bí danh cho phương thức 22 theo mặc định.Ví dụPhần này cung cấp một số ví dụ về các hoạt động mảng phổ biến trong JavaScript. Tạo một mảngVí dụ này hiển thị ba cách để tạo mảng mới: đầu tiên sử dụng ký hiệu theo nghĩa đen của mảng, sau đó sử dụng hàm tạo 6 và cuối cùng sử dụng 24 để xây dựng mảng từ một chuỗi.
Tạo một chuỗi từ một mảngVí dụ này sử dụng phương thức 25 để tạo một chuỗi từ mảng 26. 0Truy cập một mục mảng theo chỉ mục của nóVí dụ này cho thấy cách truy cập các mục trong mảng 26 bằng cách chỉ định số chỉ mục của vị trí của chúng trong mảng. 1Tìm chỉ mục của một mục trong một mảngVí dụ này sử dụng phương thức 28 để tìm vị trí (chỉ mục) của chuỗi 29 trong mảng 26. 2Kiểm tra xem một mảng có chứa một mục nào đó khôngVí dụ này cho thấy hai cách để kiểm tra xem mảng 26 có chứa 29 và 33: Đầu tiên với phương thức 34, sau đó với phương thức 28 để kiểm tra giá trị chỉ mục không phải là 2. 3Nối một mục vào một mảngVí dụ này sử dụng phương thức 37 để nối một chuỗi mới vào mảng 26. 4Xóa mục cuối cùng khỏi một mảngVí dụ này sử dụng phương thức 39 để xóa mục cuối cùng khỏi mảng 26. 5Lưu ý: 39 can only be used to
remove the last item from an array. To remove multiple items from the end of an array, see the next example.Xóa nhiều mục từ cuối một mảngVí dụ này sử dụng phương thức 42 để loại bỏ 3 mục cuối cùng khỏi mảng 26. 6Cắt ngắn một mảng xuống chỉ là n mục đầu tiên của nóVí dụ này sử dụng phương thức 42 để cắt giảm mảng 26 xuống chỉ còn 2 mục đầu tiên. 7Xóa mục đầu tiên khỏi một mảngVí dụ này sử dụng phương thức 46 để xóa mục đầu tiên khỏi mảng 26. 8Lưu ý: 46 can only be used to remove the first item from an array. To remove multiple items from the beginning of an array, see the next example.Xóa nhiều mục từ đầu một mảngVí dụ này sử dụng phương thức 42 để loại bỏ 3 mục đầu tiên khỏi mảng 26. 9Thêm một mục đầu tiên mới vào một mảngVí dụ này sử dụng phương thức 51 để thêm, tại Index 2, một mục mới cho mảng 26 - biến nó thành mục đầu tiên mới trong mảng. 0Xóa một mục duy nhất bằng chỉ mụcVí dụ này sử dụng phương thức 42 để xóa chuỗi 29 khỏi mảng 26 - bằng cách chỉ định vị trí chỉ mục của 29. 1Xóa nhiều mục bằng chỉ mụcVí dụ này sử dụng phương thức 42 để loại bỏ các chuỗi 29 và 60 khỏi mảng 26 - bằng cách chỉ định vị trí chỉ mục của 29, cùng với số lượng tổng số mục để xóa. 2Thay thế nhiều mục trong một mảngVí dụ này sử dụng phương thức 42 để thay thế 2 mục cuối cùng trong mảng 26 bằng các mục mới. 3Lặp lại trên một mảngVí dụ này sử dụng vòng lặp 65 để lặp qua mảng 26, đăng nhập từng mục vào bảng điều khiển. 4Nhưng 65 chỉ là một trong nhiều cách để lặp lại bất kỳ mảng nào; Để biết thêm các cách, xem các vòng lặp và lặp lại, và xem tài liệu cho 68, 69, 70, 0, 72 và 73 - và xem ví dụ tiếp theo, sử dụng phương thức 74.Gọi một hàm trên mỗi phần tử trong một mảngVí dụ này sử dụng phương thức 74 để gọi hàm trên mỗi phần tử trong mảng 26; Hàm làm cho mỗi mục được ghi vào bảng điều khiển, cùng với số chỉ mục của mục. 5Hợp nhất nhiều mảng với nhauVí dụ này sử dụng phương thức 77 để hợp nhất mảng 26 với mảng 79, để tạo ra một mảng 80 mới. Lưu ý rằng 26 và 79 vẫn không thay đổi. 6Sao chép một mảngVí dụ này cho thấy ba cách để tạo một mảng mới từ mảng 26 hiện có: đầu tiên bằng cách sử dụng cú pháp lan truyền, sau đó bằng cách sử dụng phương thức 84, sau đó bằng cách sử dụng phương thức 85. 7Tất cả các hoạt động sao chép mảng tích hợp (Cú pháp lan truyền, 0, 09 và 1) tạo các bản sao nông. Thay vào đó, nếu bạn muốn có một bản sao sâu của một mảng, bạn có thể sử dụng 89 để chuyển đổi mảng thành chuỗi JSON và sau đó 90 để chuyển đổi chuỗi trở lại thành một mảng mới hoàn toàn độc lập với mảng gốc. 8Bạn cũng có thể tạo các bản sao sâu bằng phương pháp 91, có lợi thế cho phép các đối tượng có thể chuyển được trong nguồn được chuyển sang bản sao mới, thay vì chỉ nhân bản.Cuối cùng, điều quan trọng là phải hiểu rằng việc gán một mảng hiện có cho một biến mới không tạo ra một bản sao của mảng hoặc các phần tử của nó. Thay vào đó, biến mới chỉ là một tham chiếu, hoặc bí danh, cho mảng gốc; Đó là, tên của mảng gốc và tên biến mới chỉ là hai tên cho cùng một đối tượng (và do đó sẽ luôn đánh giá là tương đương nghiêm ngặt). Do đó, nếu bạn thực hiện bất kỳ thay đổi nào theo giá trị của mảng gốc hoặc với giá trị của biến mới, thì cũng sẽ thay đổi: 9Nhóm các yếu tố của một mảngCác phương thức 0 có thể được sử dụng để nhóm các phần tử của một mảng, sử dụng hàm thử nghiệm trả về một chuỗi biểu thị nhóm của phần tử hiện tại.Ở đây chúng tôi có một mảng hàng tồn kho đơn giản có chứa các đối tượng "thực phẩm" có 93 và 94. 0Để sử dụng 95, bạn cung cấp chức năng gọi lại được gọi với phần tử hiện tại và tùy chọn chỉ mục và mảng hiện tại và trả về một chuỗi chỉ ra nhóm của phần tử.Mã bên dưới sử dụng hàm mũi tên để trả về 94 của mỗi phần tử mảng (điều này sử dụng cú pháp phá hủy đối tượng cho các đối số chức năng để giải nén phần tử 94 khỏi đối tượng được truyền). Kết quả là một đối tượng có các thuộc tính được đặt tên theo các chuỗi duy nhất được trả về bởi cuộc gọi lại. Mỗi thuộc tính được gán một mảng chứa các phần tử trong nhóm. 1Lưu ý rằng đối tượng được trả về tham chiếu các phần tử giống như mảng gốc (không phải bản sao sâu). Thay đổi cấu trúc bên trong của các yếu tố này sẽ được phản ánh trong cả mảng gốc và đối tượng được trả về. Ví dụ: nếu bạn không thể sử dụng chuỗi làm khóa làm khóa, nếu thông tin đến nhóm được liên kết với một đối tượng có thể thay đổi, thì thay vào đó bạn có thể sử dụng 1. Điều này rất giống với 99 ngoại trừ việc nó nhóm các phần tử của mảng thành 2 có thể sử dụng giá trị tùy ý (đối tượng hoặc nguyên thủy) làm chìa khóa.Những ví dụ khácTạo một mảng hai chiềuSau đây tạo ra một bàn cờ như một chuỗi hai chiều. Động thái đầu tiên được thực hiện bằng cách sao chép 01 trong 02 sang 03. Vị trí cũ tại 04 được làm trống. 2Đây là đầu ra: 3Sử dụng một mảng để lập bảng một tập hợp các giá trị 4Kết quả trong 5Tạo một mảng bằng kết quả của một trận đấuKết quả của một trận đấu giữa 05 và một chuỗi có thể tạo ra một mảng JavaScript có các thuộc tính và phần tử cung cấp thông tin về trận đấu. Một mảng như vậy được trả lại bởi 06 và 07.Ví dụ: 6Để biết thêm thông tin về kết quả của một trận đấu, hãy xem trang 06 và 07.Ghi chú 1 Các đối tượng không thể sử dụng các chuỗi tùy ý làm chỉ số phần tử (như trong một mảng kết hợp) nhưng phải sử dụng các số nguyên không âm (hoặc dạng chuỗi tương ứng của chúng). Cài đặt hoặc truy cập thông qua những người không phải là thông tin sẽ không đặt hoặc truy xuất một phần tử từ chính danh sách mảng, nhưng sẽ đặt hoặc truy cập một biến được liên kết với bộ sưu tập thuộc tính đối tượng của mảng đó. Các thuộc tính đối tượng của mảng và danh sách các phần tử mảng là riêng biệt và các hoạt động di chuyển và đột biến của mảng không thể được áp dụng cho các thuộc tính được đặt tên này.Các phần tử mảng là các thuộc tính đối tượng giống như cách 11 là một thuộc tính (tuy nhiên, cụ thể, 12 là một phương thức). Tuy nhiên, cố gắng truy cập một phần tử của một mảng như sau đã ném lỗi cú pháp vì tên thuộc tính không hợp lệ: 7Cú pháp JavaScript yêu cầu các thuộc tính bắt đầu bằng một chữ số được truy cập bằng ký hiệu khung thay vì ký hiệu DOT. Cũng có thể trích dẫn các chỉ số mảng (ví dụ: 13 thay vì 14), mặc dù thường không cần thiết. 15 trong 14 được ép thành một chuỗi bởi công cụ JavaScript thông qua chuyển đổi 11 ngầm. Do đó, 18 và 19 sẽ đề cập đến hai vị trí khác nhau trên đối tượng 20 và ví dụ sau đây có thể là 3: 8Chỉ 13 là một chỉ số mảng thực tế. 23 là một thuộc tính chuỗi tùy ý sẽ không được truy cập trong vòng lặp mảng.Mối quan hệ giữa độ dài và tính chất sốThuộc tính 4 của mảng JavaScript được kết nối.Một số phương thức mảng tích hợp (ví dụ: 25, 85, 28, v.v.) có tính đến giá trị của thuộc tính 4 của mảng khi chúng được gọi.Các phương thức khác (ví dụ: 37, 42, v.v.) cũng dẫn đến các bản cập nhật cho thuộc tính 4 của mảng. 9Khi đặt thuộc tính trên mảng JavaScript khi thuộc tính là chỉ mục mảng hợp lệ và chỉ mục đó nằm ngoài giới hạn hiện tại của mảng, động cơ sẽ cập nhật thuộc tính 4 của mảng phù hợp: 0Tăng 4. 1Giảm thuộc tính 4, tuy nhiên, xóa các yếu tố. 2Điều này được giải thích thêm trên trang 35.Phương pháp mảng và các khe trốngCác khe trống trong các mảng thưa thớt cư xử không nhất quán giữa các phương thức mảng. Nói chung, các phương pháp cũ hơn sẽ bỏ qua các khe trống, trong khi các phương pháp mới hơn coi chúng là 0.Trong số các phương pháp lặp qua nhiều yếu tố, sau đây thực hiện kiểm tra 37 trước khi truy cập chỉ mục và không kết hợp các khe trống với 0:
Để biết chính xác cách họ xử lý các khe trống, hãy xem trang cho mỗi phương thức. Các phương pháp này xử lý các khe trống như thể chúng là 0:
Sao chép phương pháp và phương pháp đột biếnMột số phương thức không làm thay đổi mảng hiện tại mà phương thức đã được gọi, mà thay vào đó lại trả về một mảng mới. Họ làm như vậy bằng cách trước tiên truy cập 70 để xác định hàm tạo để sử dụng cho mảng mới. Mảng mới được xây dựng sau đó được điền với các yếu tố. Bản sao luôn xảy ra nông cạn - phương thức không bao giờ sao chép bất cứ thứ gì ngoài mảng được tạo ban đầu. Các phần tử của (các) mảng gốc được sao chép vào mảng mới như sau:
Các phương thức khác làm biến đổi mảng mà phương thức được gọi, trong trường hợp giá trị trả về của chúng khác nhau tùy thuộc vào phương thức: đôi khi một tham chiếu đến cùng một mảng, đôi khi độ dài của mảng mới. Các phương thức sau tạo các mảng mới với 74:
Lưu ý rằng 95 và 64 không sử dụng 74 để tạo các mảng mới cho mỗi mục nhập nhóm, nhưng luôn sử dụng hàm tạo 1 đơn giản. Về mặt khái niệm, họ cũng không sao chép các phương pháp.Các phương pháp sau đây làm biến đổi mảng ban đầu:
Phương pháp mảng chungCác phương thức mảng luôn chung chung - chúng không truy cập bất kỳ dữ liệu nội bộ nào của đối tượng mảng. Họ chỉ truy cập các phần tử mảng thông qua thuộc tính 4 và các phần tử được lập chỉ mục. Điều này có nghĩa là chúng cũng có thể được gọi trên các đối tượng giống như mảng. 3Thông số kỹ thuật
Tính tương thích của trình duyệt webBảng BCD chỉ tải trong trình duyệt Xem thêm |