Ví dụ về chuỗi phân tách JavaScript – Cách tách chuỗi thành một mảng trong JS


Chuỗi là cấu trúc dữ liệu đại diện cho một chuỗi ký tự và mảng là cấu trúc dữ liệu chứa nhiều giá trị.

Và bạn có biết – một chuỗi có thể được chia thành một mảng gồm nhiều chuỗi bằng cách sử dụng split phương pháp. Hãy xem cách nó hoạt động với một số ví dụ.

TL; DR

Nếu bạn chỉ muốn mã, ở đây bạn đi:

const publisher="free code camp"
publisher.split(' ') // [ 'free', 'code', 'camp' ]

cú pháp

Theo MDN, cú pháp bạn cần để tách chuỗi là str.split([separator[, limit]]). Nếu chúng ta áp dụng điều này cho ví dụ trên:

  • strpublisher
  • separator' '
  • không có limit

Khi nào bạn cần tách một chuỗi?

Ví dụ 1: lấy một phần của chuỗi

Đây là một ví dụ phổ biến liên quan đến việc nhận mã thông báo từ tiêu đề xác thực là một phần của Hệ thống xác thực dựa trên mã thông báo.

Nếu điều này không có ý nghĩa gì với bạn thì không sao. Tất cả những gì bạn cần biết cho ví dụ sau là có một chuỗi có giá trị bearer tokennhưng chỉ token là cần thiết (vì đây là phần xác định người dùng):

const authHeader="bearer token"
const split = authHeader.split(' ') // (1) [ 'bearer', 'token' ]
const token = split[1] // (2) token

Đây là những gì đang xảy ra trong đoạn mã trên:

  1. Chuỗi được chia với ' ' như dải phân cách
  2. Mục thứ hai trong mảng được truy cập
Đọc thêm  Đối tượng trong JavaScript – Hướng dẫn cho người mới bắt đầu

Ví dụ 2: áp dụng các phương thức mảng cho một chuỗi

Thường thì đầu vào bạn được cung cấp là một chuỗi, nhưng bạn muốn áp dụng các phương thức mảng cho nó (ví dụ. map, filterhoặc reduce).

Ví dụ: giả sử bạn được cung cấp một chuỗi mã morse và bạn muốn xem nó đọc bằng tiếng Anh như thế nào:

const morse="-.-. --- -.. ."
// (1)
const morseToChar = {
  '-.-.': 'c',
  '-..': 'd',
  '.': 'e',
  '---': 'o',
}

const morseArray = morse.split(' ') // (2) [ '-.-.', '---', '-..', '.' ]
const textArray = morseArray.map((char) => morseToChar[char]) // (3) [ 'c', 'o', 'd', 'e' ]
const text = textArray.join(") // (4)

Đây là những gì đang xảy ra trong đoạn mã trên:

  1. Một đối tượng theo nghĩa đen được tạo để ánh xạ ký tự morse sang bảng chữ cái tiếng Anh
  2. Mã morse được chia thành một mảng với một ' ' như dải phân cách. (Không có ' ' như một đối số, bạn sẽ kết thúc bằng một mảng có các mục riêng biệt cho từng mục .-.)
  3. Mảng mã morse được ánh xạ/chuyển đổi thành một mảng văn bản
  4. Một chuỗi được tạo từ mảng với '' như dải phân cách. (Không có '' như một đối số, đầu ra sẽ là c,o,d,e.)

Cách thêm giới hạn chia tách

Theo MDN, nó cũng có thể vượt qua một limit như một đối số để split. Tôi chưa bao giờ cần phải làm điều này, nhưng đây là cách bạn có thể áp dụng nó:

const publisher="free code camp"
publisher.split(' ', 1) // [ 'free' ]

Trong ví dụ trên, mảng được giới hạn trong một mục nhập. Không có nó, giá trị của mảng sẽ là [ 'free', 'code', 'camp' ].

Trước khi bạn đi…

Cảm ơn bạn đã đọc đến đây! Tôi viết về kinh nghiệm nghề nghiệp và giáo dục của mình với tư cách là nhà phát triển phần mềm tự học, vì vậy vui lòng xem trang web của tôi hoặc đăng ký nhận bản tin của tôi để biết thêm nội dung.

Đọc thêm  Nút HTML onclick – Hướng dẫn sự kiện nhấp chuột JavaScript

Bạn cũng có thể thích:



Zik.vn – Biên dịch & Biên soạn Lại

spot_img

Create a website from scratch

Just drag and drop elements in a page to get started with Newspaper Theme.

Buy Now ⟶

Bài viết liên quang

DMCA.com Protection Status