Nói chung, một chuỗi đại diện cho một chuỗi các ký tự trong một ngôn ngữ lập trình. Hãy xem ví dụ về một chuỗi được tạo bằng cách sử dụng một chuỗi các ký tự, “Có, bạn có thể làm được!”. Trong JavaScript, chúng ta có thể tạo một chuỗi theo một số cách: * Sử dụng chuỗi

Bạn đang xem: cách tách một mảng javascript

Nói chung, a string đại diện cho một chuỗi các ký tự trong một ngôn ngữ lập trình.

Hãy xem ví dụ về một chuỗi được tạo bằng một chuỗi các ký tự, “Có, bạn có thể làm được!”. Trong JavaScript, chúng ta có thể tạo một chuỗi theo một số cách:

  • Sử dụng chuỗi ký tự nguyên thủy
  const msg =" Yes, You Can DO It! ";  
  • Sử dụng hàm tạo String () làm đối tượng
  • < / ul>

      const msg = new String ("Có, bạn có thể làm được!");  

    Một sự thật thú vị về chuỗi trong JavaScript là chúng ta có thể truy cập các ký tự trong một chuỗi bằng cách sử dụng chỉ mục của nó. Chỉ số của ký tự đầu tiên là 0 và nó tăng lên 1. Vì vậy, chúng ta có thể truy cập từng ký tự của một chuỗi như sau:

      let str = "Có, bạn có thể làm điều đó!";
    
    console.log (str [0]); // Y
    console.log (str [1]); // e
    console.log (str [2]); // s
    console.log (str [3]); //,
    
    console.log (str [10]); // a  

    Hình ảnh dưới đây đại diện cho điều tương tự:

    split Truy cập các ký tự chuỗi bằng chỉ mục

    Ngoài khả năng truy cập các ký tự chuỗi theo chỉ số của chúng, JavaScript cũng cung cấp nhiều phương thức tiện ích để truy cập các ký tự, lấy ra một phần của chuỗi và thao tác với nó.

    Trong bài viết này, chúng ta sẽ tìm hiểu về một phương thức chuỗi tiện dụng được gọi là split () . Tôi hy vọng bạn sẽ thích đọc nó.

    Phương thức split () trong JavaScript

    split () phương thức chia (chia) một chuỗi thành hai hoặc nhiều chuỗi con tùy thuộc vào bộ chia (hoặc bộ chia). Bộ tách có thể là một ký tự đơn, một chuỗi khác hoặc một biểu thức chính quy.

    Sau khi chia chuỗi thành nhiều chuỗi con, phương thức split () đặt chúng vào một mảng và trả về nó. Nó không thực hiện bất kỳ sửa đổi nào đối với chuỗi gốc.

    Hãy hiểu cách hoạt động của chuỗi này với một ví dụ. Đây là một chuỗi được tạo bằng cách sử dụng chuỗi ký tự:

      let message = 'I am a Happy Go lucky Guy';
     

    Chúng ta có thể gọi phương thức split () trên chuỗi message . Hãy tách chuỗi dựa trên ký tự khoảng trắng ( '' ). Ở đây, ký tự khoảng trắng hoạt động như một bộ chia hoặc bộ chia.

      // Phân chia bằng ký tự khoảng trắng
    let arr = message.split ('');
    
    // Mảng
    console.log (arr); // ["I", "am", "a", "Happy", "Go", "lucky", "Guy"]
    
    
    // Truy cập từng phần tử của mảng.
    console.log (arr [0]); // "TÔI"
    console.log (arr [1]); // "là"
    console.log (arr [2]); // "một"
    console.log (arr [3]); // "Vui mừng"
    console.log (arr [4]); // "Đi",
    console.log (arr [5]); // "may mắn"
    console.log (arr [6]); // "Chàng"
    
     

    Mục đích chính của phương thức split () là lấy các phần bạn quan tâm từ một chuỗi để sử dụng chúng trong bất kỳ trường hợp sử dụng nào tiếp theo. < / p>

    Cách tách chuỗi theo từng ký tự

    Bạn có thể chia chuỗi theo từng ký tự bằng cách sử dụng chuỗi rỗng ('') làm bộ chia. Trong ví dụ dưới đây, chúng tôi tách cùng một thông báo bằng cách sử dụng một chuỗi trống. Kết quả của phép tách sẽ là một mảng chứa tất cả các ký tự trong chuỗi thông báo.

      console.log (message.split ('')); // ["I", "", "a", "m", "", "a", "", "H", "a", "p", "p", "y", "" , "G", "o", "", "l", "u", "c", "k", "y", "", "G", "u", "y"]  

    💡 Xin lưu ý rằng việc tách một chuỗi rỗng ('') bằng một chuỗi rỗng khi bộ tách sẽ trả về một mảng trống. Bạn có thể lấy câu hỏi này như một câu hỏi trong các cuộc phỏng vấn việc làm sắp tới của bạn!

      ''. Split (''); // trả về []  

    Cách tách một chuỗi thành một mảng

    Bạn có thể gọi phương thức split () trên một chuỗi không có bộ chia / bộ chia. Điều này chỉ có nghĩa là phương thức split () không có bất kỳ đối số nào được truyền vào nó.

    Khi bạn gọi phương thức split () trên một chuỗi không có bộ tách, nó sẽ trả về một mảng chứa toàn bộ chuỗi.

     let message = 'Tôi là một chàng trai may mắn của Happy Go';
    console.log (message.split ()); // trả về ["I am a Happy Go lucky Guy"]  

    💡 Lưu ý lại, gọi phương thức split () trên một chuỗi trống ('') không có bộ tách sẽ trả về một mảng với một chuỗi rỗng. Nó không trả về một mảng trống.

    Đây là hai ví dụ để bạn có thể thấy sự khác biệt:

      // Trả về một mảng trống
    ''.tách ra(''); // trả về []
    
    // Trả về một mảng với một chuỗi rỗng
    '' .split () // trả về [""]  

    Cách tách a Chuỗi sử dụng ký tự không khớp

    Thông thường, chúng tôi sử dụng bộ tách là một phần của chuỗi mà chúng tôi đang cố gắng tách. Có thể có những trường hợp mà bạn có thể đã chuyển một bộ tách không phải là một phần của chuỗi hoặc không khớp với bất kỳ phần nào của nó. Trong trường hợp đó, phương thức split () trả về một mảng có toàn bộ chuỗi là một phần tử.

    Trong ví dụ dưới đây, chuỗi thông báo không có dấu phẩy (, ) tính cách. Hãy thử tách chuỗi bằng dấu phẩy bộ tách (,).

      let message = 'I am a Happy Go lucky Guy';
    console.log (message.split (',')); // ["I am a Happy Go lucky Guy"]  

    💡 Bạn nên biết điều này vì nó có thể giúp bạn gỡ lỗi do một lỗi nhỏ như truyền nhầm bộ chia vào phương thức split () .

    Cách tách theo giới hạn

    Nếu bạn nghĩ rằng phương thức split () chỉ lấy bộ tách làm tham số tùy chọn, hãy để tôi cho bạn biết rằng có một cái nữa. Bạn cũng có thể chuyển limit làm tham số tùy chọn cho phương thức split () .

      string. split (bộ chia, giới hạn);  

    Như tên cho biết, tham số limit giới hạn số lượng tách. Điều đó có nghĩa là mảng kết quả sẽ chỉ có số phần tử được chỉ định bởi tham số giới hạn.

    Trong ví dụ dưới đây, chúng tôi chia một chuỗi bằng cách sử dụng dấu cách ('') làm bộ chia. Chúng tôi cũng lấy số 4 làm giới hạn. Phương thức split () trả về một mảng chỉ có bốn phần tử, bỏ qua phần còn lại.

      let message = 'I am a Happy Go anh chàng may mắn';
    console.log (message.split ('', 4)); // ["I", "am", "a", "Happy"]  

    Cách tách bằng Regex

    Chúng ta cũng có thể chuyển một biểu thức chính quy (regex) làm bộ tách / chia cho phương thức split () . Hãy xem chuỗi này để tách:

      let message = 'Bầu trời xanh. Cỏ có màu xanh! Bạn có biết màu của Đám mây không? ';  

    Hãy chia chuỗi này thành dấu chấm (.), Dấu chấm than (!) Và dấu chấm hỏi (?). Chúng ta có thể viết một regex xác định thời điểm các ký tự này xuất hiện. Sau đó, chúng tôi chuyển regex vào phương thức split () và gọi nó trên chuỗi trên.

      let answers = message.split ( /[.,!,?]/);
    console.log (câu);  

    Đầu ra có dạng như sau:

    image-102 Phân tách bằng Biểu thức chính quy

    Bạn có thể sử dụng tham số limit để giới hạn đầu ra chỉ ở ba phần tử đầu tiên, như sau:

      answers = message.split (/ [.,!,? ] /, 3);
    console.log (câu);  

    Đầu ra có dạng như sau:

    image-103 Phân chia bằng Biểu thức chính quy và giá trị Giới hạn

    💡 Nếu bạn muốn để nắm bắt các ký tự được sử dụng trong các biểu thức chính quy trong mảng đầu ra, bạn cần điều chỉnh regex một chút. Sử dụng dấu ngoặc đơn để nắm bắt các ký tự phù hợp. Regex được cập nhật sẽ là /([.,!,?])/ .

    Cách thay thế các ký tự trong chuỗi bằng phương thức Split ()

    Bạn có thể giải quyết nhiều vấn đề thú vị bằng cách sử dụng phương thức split () kết hợp với các phương thức chuỗi và mảng khác. Hãy xem một cái ở đây. Nó có thể là một trường hợp sử dụng phổ biến để thay thế tất cả các lần xuất hiện của một ký tự trong chuỗi bằng một ký tự khác.

    Ví dụ: bạn có thể muốn tạo id của một phần tử HTML từ một giá trị tên. Giá trị tên có thể chứa khoảng trắng (''), nhưng trong HTML, giá trị id không được chứa bất kỳ khoảng trắng nào. Chúng ta có thể thực hiện theo cách sau:

      let name = 'Tapas Adhikary';
    let subs = name.split ('');
    console.log (subs); // ["Tapas", "Adhikary"]
    
    let join = subs.join ('-');
    console.log (đã tham gia); // Tapas-Adhikary  

    Hãy xem xét tên có họ (Tapas) và họ (Adhikary) được phân tách bằng dấu cách. Ở đây trước tiên chúng ta tách tên bằng cách sử dụng bộ tách không gian. Nó trả về một mảng chứa họ và tên dưới dạng các phần tử, đó là ['Tapas', 'Adhikary'] .

    Sau đó, chúng tôi sử dụng phương thức mảng được gọi là join () để nối các phần tử của mảng bằng ký tự - . Phương thức join () trả về một chuỗi bằng cách nối phần tử bằng cách sử dụng một ký tự được truyền dưới dạng tham số. Do đó, chúng tôi nhận được kết quả cuối cùng là Tapas-Adhikary .

    ES6: Cách Tách bằng Cấu trúc Mảng

    ECMAScript2015 (ES6) đã giới thiệu một cách sáng tạo hơn để trích xuất một phần tử từ một mảng và gán nó cho một biến. Cú pháp thông minh này được gọi là Cấu trúc mảng . Chúng ta có thể sử dụng điều này với phương thức split () để gán đầu ra cho một biến một cách dễ dàng với ít mã hơn.

      let name = ' Tapas Adhikary ';
    let [firstName, lastName] = name.split ('');
    console.log (firstName, lastName);  

    Ở đây chúng tôi tách tên bằng cách sử dụng ký tự khoảng trắng làm bộ tách. Sau đó, chúng tôi gán các giá trị trả về từ mảng cho một vài biến ( firstName lastName ) bằng cách sử dụng cú pháp Cấu trúc mảng.

    Before We End ...

    👋 Bạn có muốn viết mã và học cùng với tôi không? Bạn có thể tìm thấy nội dung tương tự tại đây trong Video YouTube này. Chỉ cần mở trình soạn thảo mã yêu thích của bạn và bắt đầu.

    Tôi hy vọng bạn đã tìm thấy bài viết này sâu sắc và nó giúp bạn hiểu rõ hơn về phương thức split () của JavaScript String. Vui lòng thực hành các ví dụ nhiều lần để nắm vững chúng. Bạn có thể tìm thấy tất cả ví dụ về mã trong kho lưu trữ GitHub của tôi .

    Hãy kết nối. Bạn sẽ thấy tôi hoạt động trên Twitter (@tapasadhikary) . Vui lòng theo dõi.

    Bạn cũng có thể thích những bài viết này:


Xem thêm những thông tin liên quan đến chủ đề cách tách một mảng javascript

Converting a JavaScript String to an Array

alt

  • Tác giả: All Things JavaScript, LLC
  • Ngày đăng: 2018-09-05
  • Đánh giá: 4 ⭐ ( 6491 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Effective manipulation of strings is important in JavaScript. At times you may need to work with individual characters. The most effective way of doing this is by converting the string to an Array. In this tutorial we show how to convert a string to an array, reverse the array and then put the string back together.

    For more resources on JavaScript:
    http://www.allthingsjavascript.com

    Access to EVERY course (get 2 months free): https://www.skillshare.com/r/profile/Steven-Hancock/24508

    Courses offered on Udemy at a discount (access from my site): http://allthingsjavascript.com/courses.html

    Tutorials referred to in this video:
    Using split on strings: https://youtu.be/IMm1GsOUGvQ
    Converting Array like Objects: https://youtu.be/avPIXAftj24
    The spread Operator: https://youtu.be/ugw32Yprzjw
    Chaining: https://youtu.be/gHLA-iZ9huU

Chương trình JavaScript để chia mảng thành các đoạn nhỏ hơn

  • Tác giả: vi.wiki-base.com
  • Đánh giá: 4 ⭐ ( 2043 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Các phương thức của mảng trong JavaScript

  • Tác giả: completejavascript.com
  • Đánh giá: 5 ⭐ ( 8064 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Có rất nhiều phương thức của mảng trong JavaScript. Nhờ đó, việc xử lý mảng trở nên dễ dàng hơn. Sau đây là các phương thức xử lý mảng phổ biến nhất.

Các hàm xử lý chuỗi trong Javascript (cắt / tách / nối chuỗi ..)

  • Tác giả: mylop.edu.vn
  • Đánh giá: 3 ⭐ ( 4476 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài này mình sẽ giới thiệu các hàm xử lý chuỗi string trong Javascript, đây là những hàm được sử dụng rất nhiều trong quá trình làm việc với JS.

One moment, please...

  • Tác giả: www.quocbuugroup.com
  • Đánh giá: 4 ⭐ ( 1288 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Các hàm xử lý chuỗi trong Javascript (cắt / tách / nối chuỗi ..)

  • Tác giả: freetuts.net
  • Đánh giá: 3 ⭐ ( 9442 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tồng hợp Các hàm xử lý chuỗi trong Javascript, thực hành các bài tập liên quan đến hàm xử lý chuỗi trong javascript bằng hàm

Tách một mảng JS thành N mảng

  • Tác giả: qastack.vn
  • Đánh giá: 5 ⭐ ( 5990 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Bạn có thể làm cho các lát cắt "cân bằng" (độ dài của các mảng con…

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Backend Developer là gì: Hướng dẫn đầy đủ trở thành backend developer - web developer là gì

By ads_php