Hàm lọc mảng javascript
|
Khi bạn thấy có nhiều tùy chọn khi mua sắm trực tuyến và bạn muốn thu hẹp kết quả tìm kiếm; . Đúng như tên gọi, phương thức lọc sẽ lọc ra các phần tử của một mảng dựa trên điều kiện kiểm tra đã chỉ định. Nó sẽ lặp qua tất cả các phần tử và ngụ ý điều kiện kiểm tra trên chúng. Sau đó, nó sẽ trả về một mảng các phần tử mới sẽ vượt qua điều kiện Show
Khái niệm cơ bản đến nâng cao - Tìm hiểu tất cảPhát triển toàn bộ PGP của Caltech Chương trình khám pháGiá trị cú pháp và tham số của JavaScript Array Filter()Cú pháp của bộ lọc mảng trong JavaScript là mảng. bộ lọc (callbackFn (mục, chỉ mục, mảng), thisArg) Trong cú pháp trên
Giá trị trả về. Phương thức lọc mảng JavaScript trả về một phương thức mới chỉ với các phần tử đã vượt qua điều kiện kiểm tra Bộ lọc mảng JavaScript() hoạt động như thế nào?Xem xét ví dụ dưới đây để hiểu cách hoạt động của bộ lọc mảng trong JavaScript. Trong ví dụ này, chúng ta sẽ tạo một mảng với các giá trị nguyên. Tiếp theo, chúng ta sẽ sử dụng phương thức array filter() để lọc ra các số chẵn và ghi mảng kết quả vào bàn điều khiển cho num = [3, 6, 7, 12, 18, 23, 44, 62, 81]; hãy để even_num = num. bộ lọc (chức năng (mục) { trả về mục % 2 == 0; bảng điều khiển. nhật ký (even_num); đầu raNhư bạn có thể thấy ở đầu ra, phương thức lọc mảng chỉ thêm các phần tử chẵn của mảng num vào mảng even_num mới. Bây giờ, hãy hiểu cách thức hoạt động của nó từng bước một
Tìm hiểu Ins & Outs của phát triển phần mềmChương trình đào tạo viết mã Caltech Chương trình khám pháBộ lọc mảng JavaScript(). ví dụHãy xem thêm một số ví dụ về bộ lọc mảng trong JavaScript để hiểu rõ hơn về khái niệm này ví dụ 1. Sử dụng bộ lọc mảng trong JavaScript với các hàm mũi tênChúng ta có thể sử dụng bộ lọc mảng trong JavaScript để làm cho mã ngắn hơn và dễ hiểu hơn. Trong ví dụ dưới đây, chúng ta sẽ tạo một mảng đối tượng người và lọc ra những đối tượng có tuổi lớn hơn 18 để mọi người = [ {Tên. 'Rachel', tuổi. 24}, {Tên. 'David', tuổi. 16}, {Tên. 'Aakash', tuổi. 23}, {Tên. 'Franklin', tuổi. 26}, {Tên. 'Ricky', tuổi. 17} ]; để người lớn = người. bộ lọc (lớn => lớn. tuổi >= 18); bảng điều khiển. nhật ký (người lớn); đầu raví dụ 2. Lọc các số nguyên tố bằng bộ lọc mảng trong JavaScriptCho đến bây giờ, chúng ta đã thấy các ví dụ khi chúng ta định nghĩa một hàm trong khi khai báo mảng. phương pháp lọc. Lần này, chúng ta sẽ định nghĩa một hàm trước rồi sử dụng nó với phương thức filter để chỉ lọc ra các số nguyên tố cho mảng mới const myArray = [-5, -4, 1, 3, 7, 12, 13, 15, 17, 21, 23, 25, 27, 30]; hàm findPrime(item){ for (let x = 2; item > x; x++) { nếu (mục %x == 0) { trả về sai; } } trả lại hàng > 1; } bảng điều khiển. nhật ký (myArray. bộ lọc (findPrime)); đầu raví dụ 3. Lọc các giá trị trong một phạm vi bằng cách sử dụng bộ lọc mảng trong JavaScriptTrong ví dụ này, chúng tôi sẽ khai báo một mảng gồm các phần tử khác nhau và sau đó chỉ lọc ra các mục số trong phạm vi đã cho chức năng trong Phạm vi (mục) { nếu (loại mục. == 'số') { trả về sai; } trả lại hàng >= cái này. minRange && item <= this. Phạm vi tối đa; } let myArray = [1, 5, "this", 12, "is", 23, 29, "35", "Simplilearn", 50]; hãy để rangeLimit = { phạm vi tối thiểu. 1, Phạm vi tối đa. 30 }; hãy lọcArray = myArray. bộ lọc (trong phạm vi, phạm vi giới hạn); bảng điều khiển. log(filteredArray); đầu raĐây là cách để có được công việc nhà phát triển phần mềm hàng đầuPhát triển ngăn xếp đầy đủ-MEAN Chương trình khám pháVí dụ 4. Lọc mảng chuỗi bằng cách sử dụng bộ lọc mảng JavaScriptTrong ví dụ này, chúng ta sẽ khai báo một mảng tên ô tô và lọc ra các phần tử có ký tự mong muốn trong chuỗi để ô tô = ['Mercedes-Benz', 'Ranger', 'Lamborghini', 'Ferrari', 'Mahindra'] function myFunc(myArray, searchCriteria) { trả lại myArray. bộ lọc (chức năng (mục) { trả lại hàng. toLowerCase(). indexOf(tiêu chí tìm kiếm. toLowerCase()). == -1 }) } bảng điều khiển. nhật ký (myFunc (ô tô, 'er')) đầu raHạn chế của JavaScript Array Filter()Bên cạnh việc có một số lợi ích, phương pháp lọc mảng JavaScript cũng có một số hạn chế, đó là
Các trình duyệt hỗ trợ bộ lọc mảng trong JavaScriptSau đây là danh sách các trình duyệt hỗ trợ sử dụng phương thức lọc mảng JavaScript
Nắm vững toàn bộ kiến thức cơ bản về JavaScript, jQuery, Ajax, v.v. với Khóa đào tạo cấp chứng chỉ Javascript. Kiểm tra xem trước khóa học Phần kết luậnTrong bài viết này, bạn đã tìm hiểu mọi thứ về bộ lọc mảng JavaScript(). Bạn có thể tìm hiểu thêm các nguyên tắc cơ bản về JavaScript như vậy bằng cách tham khảo Hướng dẫn về JavaScript của Simplilearn. Tuy nhiên, nếu bạn muốn nâng cao uy tín cho kỹ năng lập trình của mình, tốt nhất bạn nên chọn tham gia Khóa học cấp chứng chỉ JavaScript của chúng tôi. Đây là một chương trình đào tạo theo nhịp độ riêng giúp bạn thành thạo lập trình JavaScript và theo đuổi sự nghiệp đáng kể trong lĩnh vực này Trong thế giới cạnh tranh ngày nay, các nhà tuyển dụng đang tìm kiếm những chuyên gia thông thạo nhiều ngôn ngữ lập trình. Bạn có thể đạt được điều này bằng cách đăng ký và chọn tham gia Khóa học Chứng chỉ Phát triển Web Full-Stack của chúng tôi. Nền tảng SkillUp cung cấp các khóa học trực tuyến miễn phí cho nhiều ngôn ngữ lập trình, bao gồm cả JavaScript. Mặt khác, khóa học Chứng chỉ Phát triển Web Full-Stack là một chương trình đào tạo bao gồm tất cả giúp bạn làm quen với các nguyên tắc cơ bản của các ngôn ngữ phát triển phổ biến nhất. Khi bạn hoàn thành khóa học, bạn sẽ nhận được chứng chỉ của mình và sẵn sàng bắt đầu sự nghiệp phát triển phần mềm và web Nếu bạn có bất kỳ câu hỏi hoặc thắc mắc nào, vui lòng gửi chúng trong phần bình luận bên dưới. Nhóm của chúng tôi sẽ liên hệ lại với bạn sớm nhất Tìm Chương trình đào tạo trực tuyến dành cho nhà phát triển Java Full Stack của chúng tôi tại các thành phố hàng đầuNameDatePlaceFull Stack Nhóm nhà phát triển Java bắt đầu vào ngày 1 tháng 2 năm 2023,Đợt cuối tuầnChi tiết CityView của bạnNhóm nhà phát triển Java đầy đủ ngăn xếp bắt đầu vào ngày 8 tháng 2 năm 2023, Đợt cuối tuầnChi tiết CityView của bạnNhóm nhà phát triển Java đầy đủ ngăn xếp bắt đầu vào ngày 15 tháng 2 năm 2023, Lô hàng cuối tuầnChi tiết CityView của bạn Thông tin về các Tác giảSimplilearn là một trong những nhà cung cấp dịch vụ đào tạo trực tuyến hàng đầu thế giới về Tiếp thị kỹ thuật số, Điện toán đám mây, Quản lý dự án, Khoa học dữ liệu, CNTT, Phát triển phần mềm và nhiều công nghệ mới nổi khác Làm cách nào để lọc qua một mảng trong JavaScript?Người ta có thể sử dụng hàm filter() trong JavaScript để lọc mảng đối tượng dựa trên các thuộc tính. Hàm filter() sẽ trả về một mảng mới chứa tất cả các phần tử của mảng thỏa mãn điều kiện đã cho. Nếu không có phần tử nào vượt qua điều kiện, nó sẽ trả về một mảng trống.
Bộ lọc có phải là hàm mảng không?Mô tả. Phương thức filter() là một phương thức lặp. Nó gọi một hàm callbackFn được cung cấp một lần cho mỗi phần tử trong một mảng và xây dựng một mảng mới gồm tất cả các giá trị mà hàm callbackFn trả về một giá trị trung thực.
Bộ lọc() hoạt động như thế nào?Hàm FILTER cho phép bạn lọc một dải dữ liệu dựa trên tiêu chí bạn xác định. . Mảng có thể được coi là một hàng giá trị, một cột giá trị hoặc kết hợp các hàng và cột giá trị. . Hàm FILTER sẽ trả về một mảng, sẽ tràn ra ngoài nếu đó là kết quả cuối cùng của một công thức Làm cách nào để lọc mảng theo chỉ mục JavaScript?Đây là cú pháp của Array Filter. const returnValue = mảng. bộ lọc((giá trị, chỉ mục, mảng) => {. }, thisArg); ReturnValue của chúng tôi sẽ chứa mảng giá trị trả về được lọc mới của chúng tôi. |
