Lọc mảng theo chữ cái đầu tiên JavaScript

Đối số duy nhất mà phương thức Array.join() nhận là một separator - chuỗi được sử dụng để phân tách các phần tử của mảng

Nếu đối số separator được đặt thành một chuỗi trống, thì các phần tử mảng được nối với nhau mà không có bất kỳ ký tự nào ở giữa chúng

Ngoài ra, bạn có thể sử dụng phương pháp String.match()

Nhận chữ cái đầu tiên của mỗi từ trong chuỗi bằng cách sử dụng String.match

Để lấy chữ cái đầu tiên của mỗi từ trong một chuỗi

  1. Sử dụng phương thức String.match() để lấy một mảng các chữ cái đầu tiên trong chuỗi
  2. Sử dụng phương thức Array.join() để nối mảng thành một chuỗi

chuỗi. phương thức khớp khớp một chuỗi với một biểu thức chính quy

Phương thức trả về một mảng chứa các kết quả khớp (nếu có) hoặc map()2 nếu không tìm thấy kết quả khớp

Chúng tôi đã chuyển một biểu thức chính quy cho phương thức String.match

Dấu gạch chéo về phía trước map()4 đánh dấu phần đầu và phần cuối của biểu thức chính quy

Ký tự map()5 khớp với một ranh giới từ - vị trí mà một ký tự từ không được theo sau hoặc đứng trước bởi một ký tự từ khác

Chúng tôi đã sử dụng ký tự map()5 để khớp với các ký tự ở đầu chuỗi (không có ký tự nào đứng trước) hoặc các ký tự đứng trước dấu cách

Ký tự đặc biệt map()7 khớp với các ký tự Latinh map()8, số map()9 và dấu gạch dưới Array.join()0

Chúng tôi đã sử dụng cờ Array.join()1 vì chúng tôi muốn khớp tất cả các lần xuất hiện của các ký tự đầu tiên chứ không chỉ lần xuất hiện đầu tiên

Bước cuối cùng là sử dụng phương thức Array.join() để nối mảng thành một chuỗi

Bạn chọn cách tiếp cận nào là vấn đề sở thích cá nhân. Tôi sẽ sử dụng cách tiếp cận Array.join()3 và map() vì tôi thấy nó dễ đọc hơn

Trong hướng dẫn ngắn này, chúng ta xem xét cách bạn có thể sử dụng hàm mảng bộ lọc JavaScript. Chúng tôi cũng xem xét cú pháp và mã để giúp hiểu rõ hơn về khái niệm này

Tuy nhiên, trong trường hợp bạn ở đây chỉ vì giải pháp, hãy sử dụng giải pháp này

Mục lục

  • Chức năng bộ lọc JavaScript làm gì?
  • Sử dụng thực tế chức năng bộ lọc JavaScript
  • Mã & Giải thích
  • Mảng bộ lọc JavaScript - Hạn chế và Hãy cẩn thận

Chức năng bộ lọc JavaScript làm gì?

Hàm mảng bộ lọc JavaScript được sử dụng để lọc một mảng dựa trên các tiêu chí đã chỉ định. Sau khi lọc, nó trả về một mảng với các giá trị vượt qua bộ lọc

Hàm bộ lọc JavaScript lặp lại các giá trị hiện có trong một mảng và trả về các giá trị vượt qua. Tiêu chí tìm kiếm trong chức năng bộ lọc JavaScript được chuyển bằng cách sử dụng callbackfn

Hàm mũi tên cũng có thể được sử dụng để làm cho mã mảng bộ lọc JavaScript dễ đọc hơn

Cú pháp của bộ lọc JavaScript()

array.filter(function(value, index, arr), thisValue)

Ở đây, array đề cập đến mảng ban đầu mà bạn đang muốn lọc

Thông số

  1. let numbers = [-23,-20,-17, -12, -5, 0, 1, 5, 12, 19, 20];
    
    let positive_array = numbers.filter(function(value) {
        return value >= 0; });
    
    console.log(positive_array);
    
    //Output = [0, 1, 5, 12, 19, 20]
    
    0 - Bắt buộc. Hàm hoặc tiêu chí tìm kiếm sẽ được sử dụng để lọc các giá trị trong mảng
    • let numbers = [-23,-20,-17, -12, -5, 0, 1, 5, 12, 19, 20];
      
      let positive_array = numbers.filter(function(value) {
          return value >= 0; });
      
      console.log(positive_array);
      
      //Output = [0, 1, 5, 12, 19, 20]
      
      1 - Bắt buộc, phần tử hiện tại cần được lọc
    • let numbers = [-23,-20,-17, -12, -5, 0, 1, 5, 12, 19, 20];
      
      let positive_array = numbers.filter(function(value) {
          return value >= 0; });
      
      console.log(positive_array);
      
      //Output = [0, 1, 5, 12, 19, 20]
      
      2 - Tùy chọn, trong trường hợp bạn muốn bắt đầu lặp lại từ một chỉ mục cụ thể
    • let numbers = [-23,-20,-17, -12, -5, 0, 1, 5, 12, 19, 20];
      
      let positive_array = numbers.filter(function(value) {
          return value >= 0; });
      
      console.log(positive_array);
      
      //Output = [0, 1, 5, 12, 19, 20]
      
      3 - Đối tượng mảng đang được gọi
  2. let numbers = [-23,-20,-17, -12, -5, 0, 1, 5, 12, 19, 20];
    
    let positive_array = numbers.filter(function(value) {
        return value >= 0; });
    
    console.log(positive_array);
    
    //Output = [0, 1, 5, 12, 19, 20]
    
    4 - Tùy chọn, giá trị hiện tại này sẽ được chuyển trong trường hợp tham số trống

Sử dụng thực tế chức năng bộ lọc JavaScript

Chúng tôi đã sử dụng tất cả các bộ lọc trên các trang web vì chúng giúp chúng tôi tìm thấy mọi thứ dễ dàng, chức năng mảng bộ lọc JavaScript là thứ hỗ trợ điều này

Ví dụ: trong trường hợp bạn đang tìm kiếm một freelancer có bộ kỹ năng JavaScript. Chúng tôi sử dụng hàm mảng bộ lọc JavaScript để trả về các dịch giả tự do có chứa bộ kỹ năng cụ thể

Hơn nữa, bộ lọc JavaScript không biến đổi chuỗi mà tạo ra một chuỗi mới do đó chuỗi ban đầu không bị ảnh hưởng

Tương tự, các trang web có bộ lọc đều sử dụng chức năng mảng bộ lọc JavaScript

Mã & Giải thích

Chúng ta hãy bắt đầu với một mảng đơn giản và sau đó chuyển sang một mảng chứa các đối tượng

Vì vậy, trước tiên, chúng ta hãy lấy một mảng chứa các giá trị số và loại bỏ các giá trị âm bằng hàm lọc mảng

let numbers = [-23,-20,-17, -12, -5, 0, 1, 5, 12, 19, 20];

let positive_array = numbers.filter(function(value) {
    return value >= 0; });

console.log(positive_array);

//Output = [0, 1, 5, 12, 19, 20]

Như bạn có thể thấy ở trên, chúng ta đã định nghĩa một hàm chỉ trả về các giá trị >= 0

Trong trường hợp bạn cảm thấy thoải mái với các chức năng mũi tên, bạn có thể sử dụng chúng để làm cho mã của bạn dễ đọc hơn

let numbers = [-23,-20,-17, -12, -5, 0, 1, 5, 12, 19, 20];

let positive_array = numbers.filter(value => value >= 0);

console.log(positive_array);

//Output = [0, 1, 5, 12, 19, 20]

Bây giờ, chúng ta hãy xem một đoạn mã nơi chúng ta sử dụng hàm lọc mảng trên một mảng các đối tượng

Hãy tiếp tục với ví dụ trước về việc lọc các dịch giả tự do bằng JavaScript dưới dạng bộ kỹ năng

________số 8_______

Như bạn có thể thấy, mã để lọc các đối tượng cũng khá đơn giản khi bạn đã hiểu khái niệm. Vui lòng sử dụng chức năng mũi tên để tăng khả năng đọc