JavaScript Tách chuỗi thành mảng bằng dấu phẩy – javascript chia chuỗi thành mảng bằng dấu phẩy

Hướng dẫn này giáo dục về cách chia chuỗi thành mảng bằng dấu phẩy bằng cách sử dụng JavaScript.

Bạn đang xem : javascript chia chuỗi thành mảng bằng dấu phẩy

Bài viết này trình bày cách tách một chuỗi thành một mảng bằng dấu phẩy trong JavaScript. Để làm được điều đó, chúng ta có thể sử dụng phương thức split () .

Phương thức này chia Chuỗi được chỉ định thành danh sách có thứ tự gồm các chuỗi con, lưu các chuỗi con này vào một mảng và trả về mảng đó.

Nó chia chuỗi dựa trên dấu phân tách ; nó có thể là dấu cách duy nhất , dấu phẩy , dấu hai chấm hoặc bất kỳ mẫu nào khác. Nó có nghĩa là phương thức split () chia một chuỗi tại mỗi điểm khi tìm thấy dấu phân tách trong chuỗi được cung cấp, đặt mỗi chuỗi con vào một mảng và trả về nó (mảng).

Hãy bắt đầu với ví dụ đơn giản nhất.

Sử dụng phương pháp split () để tách chuỗi thành mảng bằng dấu phẩy trong JavaScript

Mã ví dụ:

  var khóa học = "Học máy, Lập trình Python, Lập trình JavaScript, Cấu trúc dữ liệu";
var array = Course.split (',');
// trả về "đối tượng" vì mảng là một trong các kiểu của đối tượng.
console.log (typeof (mảng));
console.log (mảng);
 

Đầu ra:

  "object"
["Học máy", "Lập trình Python", "Lập trình JavaScript", "Cấu trúc dữ liệu"]
 

Trong ví dụ mã trên, chúng tôi có một chuỗi có tên các khóa học được chia thành mảng bằng dấu phẩy và lưu mảng được trả về thành một mảng biến.

Để đảm bảo rằng chúng tôi đã chuyển đổi nó thành một mảng thành công, chúng tôi có thể kiểm tra loại của mảng bằng cách sử dụng typeof hoặc in nó trên màn hình. Chúng tôi đang sử dụng cả hai cách trong ví dụ trên.

Chúng tôi cũng có thể nhận được kết quả tương tự như đã cho ở trên bằng cách sử dụng mã đã cho bên dưới.

  var course = "Học máy, Lập trình Python, Lập trình JavaScript, Cấu trúc dữ liệu";
var array = Course.split`, `;
console.log (typeof (mảng));
console.log (mảng);
 

Đầu ra:

  "object"
["Học máy", "Lập trình Python", "Lập trình JavaScript", "Cấu trúc dữ liệu"]
 

Sử dụng phương pháp split () Với đối tượng lớp Array để tách chuỗi thành mảng bằng dấu phẩy trong JavaScript

Mã ví dụ:

  var intArray = "1,3,5,6";
var array = new Array ();
array = intArray.split (",");

console.log (typeof (mảng));
console.log (mảng);

for (phần tử var trong mảng) {
 array [element] = parseInt (array [element], 10);
}

console.log (typeof (mảng));
console.log (mảng);
 

Đầu ra:

  "object"
["1", "3", "5", "6"]
"sự vật"
[1, 3, 5, 6]
 

Chúng tôi có một chuỗi số được lưu vào biến intArray trong đoạn mã trên. Sau đó, chúng tôi tạo một đối tượng của lớp Array để lưu mảng được trả về bởi phương thức split () .

Lưu ý rằng split () xuất ra mảng các chuỗi, nhưng chúng tôi đang tìm kiếm một mảng các số nguyên.

Xem Thêm  Phương pháp JavaScript Date UTC () - tạo ngày trong javascript utc

Vì vậy, chúng tôi có thể lặp lại mảng được trả về bởi mã split () và chuyển đổi chúng thành số nguyên bằng phương thức parseInt () .

Hãy nhớ rằng, kiểu biến array sẽ không bị thay đổi. Nó vẫn là một object ; xem kết quả ở trên.

Thay vì vòng lặp for , chúng ta cũng có thể sử dụng phương thức map () của mảng với parseInt () để chuyển đổi thành số nguyên. Phương thức map () tạo một mảng mới bằng cách gọi một hàm khác cho mỗi phần tử mảng.

Nó gọi hàm đã xác định một lần cho mọi phần tử của mảng mà không thay đổi mảng ban đầu. Hãy nhớ rằng nó không gọi hàm cho các phần tử trống.

Hãy xem đoạn mã sau.

  var intArray = "1,3,5 , 6 ";
var array = new Array ();
array = intArray.split (","). map (element = & gt; parseInt (element, 10));
console.log (mảng);
 

Đầu ra:

  [1, 3, 5, 6]
 

Sử dụng Hàm do Người dùng Xác định để Phân tách Chuỗi thành mảng bằng dấu phẩy trong JavaScript

Mã mẫu:

  var intArray =" 1,3,5, 6 ";
function splitTheStringByComma (CommaSeparatedString) {
var resultedArray = null;
 if (CommaSeparatedString! = null) {
var phân cách = ',';
 if (CommaSeparatedString.indexOf (dấu phân tách) & gt; = 0) {
 resultedArray = CommaSeparatedString.split (dấu phân cách);
        }khác {
 resultedArray = [CommaSeparatedString];
        }
    }
 trả về resultedArray;
}
console.log (splitTheStringByComma (intArray));
 

Đầu ra:

  ["1", "3", "5", "6"]
 

Trong ví dụ này, chúng tôi chuyển intArray vào hàm splitTheStringByComma () , để kiểm tra xem chuỗi có phải là null không < / code> hoặc không. Nếu không, thì nó sẽ di chuyển lên phía trước và xem chuỗi có dấu phẩy hay không.

Nếu có, hãy chia nhỏ mỗi khi dấu phẩy (, ) xuất hiện và lưu vào resultedArray ; nếu không, hãy truy cập else và lưu chuỗi được cung cấp vào resultedArray vì có một phần tử duy nhất trong chuỗi.

Viết cho chúng tôi

Các bài viết trên DelftStack được viết bởi những người đam mê phần mềm như bạn. Nếu bạn cũng muốn đóng góp cho DelftStack bằng cách viết các bài báo trả phí, bạn có thể xem trang viết cho chúng tôi .


Xem thêm những thông tin liên quan đến chủ đề javascript chia chuỗi thành mảng bằng dấu phẩy

Destructuring trong javascript ES6

  • Tác giả: F8 Official
  • Ngày đăng: 2020-09-08
  • Đánh giá: 4 ⭐ ( 9459 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: 1. Giới thiệu (https://youtu.be/MFDXxCNqjKQ)
    2. Let & Const (https://youtu.be/tCPTBPua1Xo)
    3. Template literals (https://youtu.be/7Ls-fa8iVXA)
    4. Arrow function (https://youtu.be/9QeNLypIiZs)
    5. Classes (https://youtu.be/jSvViDjWXaE)
    6. Default parameter values (https://youtu.be/451KRGBBRJY)
    7. Enhanced object literals (https://youtu.be/WB6FQdp41hs)
    8. Spread (https://youtu.be/MJZICS7nQk8)
    9. Destructuring & Rest (https://youtu.be/J1m4vLDUhEI)
    10. Tagged template literals (https://youtu.be/XV0d0A37sd8)
    11. Modules (https://youtu.be/08lWi4T2Bfg)
    12. Optional chaining (https://youtu.be/kxX7kKjXXKs)

    🔥 Hãy chia sẻ các khóa học để mọi người được học MIỄN PHÍ ❤️
    🔥 Truy cập http://fullstack.edu.vn (miễn phí) để làm bài tập và quản lý được tiến độ học của bạn. Trong tương lai còn giúp bạn có hồ sơ đẹp trong mắt Nhà Tuyển Dụng.
    🔥 Tham gia nhóm Học lập trình tại F8 trên Facebook: https://www.facebook.com/groups/f8official/

    hoclaptrinh mienphi frontend backend devops
    ---------------------------------------
    HỌC LẬP TRÌNH MIỄN PHÍ
    1. Khóa Javascript cơ bản: https://fullstack.edu.vn/courses/javascript-co-ban
    2. Khóa HTML, CSS: https://fullstack.edu.vn/courses/html-css
    3. Khóa Responsive web design: https://fullstack.edu.vn/courses/responsive-web-design
    4. Khóa Xây dựng web với NodeJS & ExpressJS: https://fullstack.edu.vn/courses/nodejs
    ---------------------------------------
    LIÊN KẾT HỮU ÍCH
    1. Học lập trình: http://fullstack.edu.vn
    2. Viết CV xin việc: http://mycv.vn
    3. Danh sách phát Youtube: https://www.youtube.com/channel/UCNSCWwgW-rwmoE3Yc4WmJhw/playlists
    -----------------------------------------------------------
    LIÊN HỆ
    1. Facebook: https://fb.com/sondnmc
    2. Email: sondnf8@gmail.com

    Yêu các bạn ❤️

Mảng trong javascript

  • Tác giả: toidicode.com
  • Đánh giá: 3 ⭐ ( 9603 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Ở phần hằng và biến trong javascript mình cũng có nói qua về cách khai báo mảng trong javascript rồi. Nhưng đó mới chỉ là mức độ khai báo còn sử dụng thì mình chưa nói, nên bài này mình sẽ giới thiệu lại với mọi người về mảng trong javascript một cách chi tiết hơn.

[Javascript Căn bản] Xử lý chuỗi trong JavaScript

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

Mảng trong JavaScript | JS ARRAY

  • Tác giả: hanoiict.edu.vn
  • Đánh giá: 3 ⭐ ( 3174 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong hướng dẫn tự học Javascript này, bạn sẽ tìm hiểu về Mảng (Hay còn gọi là Array), cách tạo và thao tác với Mảng trong JavaScript.

[JavaScript] Các phương thức xử lý mảng (Array) phổ biến trong JavaScript

  • Tác giả: vncoder.vn
  • Đánh giá: 4 ⭐ ( 5091 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bài chia sẻ này một phần giúp các bạn mới học nắm chắc kiến thức hơn về các phương thức xử lý mảng trong JavaScript.

Làm cách nào để chia một chuỗi JavaScript bằng khoảng trắng hoặc dấu phẩy?

  • Tác giả: qastack.vn
  • Đánh giá: 3 ⭐ ( 1186 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] String.split cũng có thể chấp nhận một biểu thức chính quy: input.split(/[ ,]+/); Regex cụ thể…

Một cách sử dụng kỳ lạ của dấu phẩy trong JavaScript

  • Tác giả: tech-wiki.online
  • Đánh giá: 3 ⭐ ( 3797 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

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