HomeLập trìnhJavaScriptĐảo ngược chuỗi...

Đảo ngược chuỗi trong JavaScript – Đảo ngược chuỗi bằng Phương thức JS .reverse()


Đảo ngược chuỗi trong JavaScript là điều bạn cần thực hiện thường xuyên trên hành trình phát triển web của mình. Bạn có thể cần đảo ngược chuỗi trong khi phỏng vấn, khi giải thuật toán hoặc khi thực hiện thao tác dữ liệu.

Chúng ta sẽ tìm hiểu cách đảo ngược một chuỗi trong JavaScript bằng cách sử dụng các phương thức JavaScript tích hợp cũng như JavaScript reverse() phương pháp trong bài viết này.

Đối với những người đang vội, đây là một dòng mã giúp bạn đảo ngược một chuỗi trong JavaScript:

let myReversedString = myString.split("").reverse().join("");

Hoặc bạn có thể sử dụng cái này:

let myReversedString = [...myString].reverse().join("");

Bây giờ chúng ta hãy thảo luận về các phương thức này và vai trò của chúng trong việc giúp chúng ta đảo ngược các chuỗi trong JavaScript.

Cách đảo ngược chuỗi bằng các phương thức JavaScript

Sử dụng các phương thức JavaScript để đảo ngược một chuỗi rất đơn giản. Điều này là do chúng tôi sẽ chỉ sử dụng ba phương pháp thực hiện các chức năng khác nhau và tất cả được sử dụng cùng nhau để đạt được một mục tiêu chung này.

Đọc thêm  Trả về Javascript không hoạt động - JavaScript

Nói chung, chúng tôi chia chuỗi cụ thể thành một mảng bằng cách sử dụng toán tử trải rộng hoặc split() phương pháp. Sau đó, chúng tôi sử dụng reverse() Phương thức này chỉ có thể được sử dụng để đảo ngược các phần tử trong một mảng. Và cuối cùng, chúng ta nối mảng này với nhau thành một chuỗi bằng cách sử dụng join() phương pháp.

Hãy thử từng phương pháp này một cách riêng biệt.

Cách tách một chuỗi trong JavaScript

Có hai phương pháp chính để tách một chuỗi trong JavaScript: sử dụng toán tử trải rộng hoặc split() phương pháp.

Cách tách chuỗi bằng phương thức split()

Các split() method là một phương thức rất mạnh mẽ mà bạn sử dụng để ngắt một chuỗi thành một danh sách các chuỗi con được sắp xếp dựa trên một mẫu nhất định.

Ví dụ: nếu chúng ta có một loạt các tháng được phân tách bằng dấu phẩy mà chúng ta muốn chia thành một mảng các tháng, chúng ta có thể có nội dung như sau:

const months_string = 'Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec';

console.log(months_string.split(','))

Điều này sẽ xuất ra mảng sau:

["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]

Trong trường hợp của chúng tôi, chuỗi của chúng tôi có thể là một chuỗi thông thường không có gì phân tách từng ký tự. Sau đó, tất cả những gì chúng ta phải làm là chuyển một chuỗi rỗng không có khoảng trắng, như hình bên dưới:

let myString = "Hello World";

console.log(myString.split("")); // ["H","e","l","l","o"," ","W","o","r","l","d"]
console.log(myString.split(" ")); // ["Hello","World"]

Cách tách chuỗi bằng toán tử trải rộng

Toán tử trải rộng là một bổ sung ES6 giúp dễ dàng tách một chuỗi thành một mảng. Nó làm được nhiều việc hơn là chỉ tách một chuỗi:

let myString = "Hello World";

console.log([...myString]); // ["H","e","l","l","o"," ","W","o","r","l","d"]

Làm thế nào để đảo ngược một mảng các chuỗi với reverse() Phương pháp

Cho đến giờ, chúng ta đã học cách tách một chuỗi. Và split() phương pháp, tất nhiên, chia chuỗi thành một mảng. Và bây giờ bạn có thể áp dụng phương thức đảo ngược mảng cho nó, như hình bên dưới:

let myString = "Hello World";

let splitString1 = myString.split("");
let splitString2 = myString.split(" ");

console.log(splitString1.reverse()); // ["d","l","r","o","W"," ","o","l","l","e","H"]
console.log(splitString2.reverse()); // ["World","Hello"]

Chúng tôi cũng có thể áp dụng điều này cho toán tử trải rộng theo cách này, nhưng chúng tôi sẽ không thể xác định cách chúng tôi muốn phân tách chuỗi của mình:

let myString = "Hello World";

console.log([...myString].reverse()); // ["d","l","r","o","W"," ","o","l","l","e","H"]

Cách tham gia một mảng các chuỗi cùng với join() Phương pháp

Đây là một phương pháp mạnh mẽ khác hoạt động theo hướng ngược lại của split() phương pháp. Nó tạo một chuỗi mới bằng cách nối tất cả các phần tử trong một mảng được phân tách bằng dấu phẩy hoặc bất kỳ chuỗi nào khác được chỉ định làm dấu phân cách.

Đọc thêm  Hãy làm sáng tỏ từ khóa 'mới' của JavaScript

Ví dụ: nếu chúng ta có một mảng các chuỗi mà chúng ta muốn nối thành một chuỗi duy nhất được phân tách bằng dấu gạch ngang (-), chúng ta có thể thực hiện như sau:

let monthArray = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
console.log(monthArray.join("-"));

Và điều này sẽ trả lại như sau:

"Jan-Feb-Mar-Apr-May-Jun-Jul-Aug-Sep-Oct-Nov-Dec"

Trong trường hợp của chúng tôi, chúng tôi đã đảo ngược chuỗi và chúng tôi không muốn bất kỳ thứ gì ở giữa. Điều này có nghĩa là chúng ta sẽ chỉ chuyển một chuỗi trống theo cách này:

let myString = "Hello World";

let splitString1 = myString.split("");
let splitString2 = myString.split(" ");

let reversedStringArray1 = splitString1.reverse();
let reversedStringArray2 = splitString2.reverse();

console.log(reversedStringArray1.join("")); // "dlroW olleH"
console.log(reversedStringArray2.join("")); // "WorldHello"

Cuối cùng, chúng ta có thể thực hiện tất cả các thao tác này chỉ với một dòng mã bằng cách kết hợp tất cả các phương thức lại với nhau theo thứ tự thích hợp:

let myString = "Hello World";

let myReversedString = myString.split("").reverse().join("");

console.log(myReversedString); // "dlroW olleH"

Và điều tương tự cũng áp dụng cho toán tử trải rộng:

let myString = "Hello World";

let myReversedString = [...myString].reverse().join("");

console.log(myReversedString); // "dlroW olleH"

Phần kết luận

Trong hướng dẫn này, chúng ta đã học cách đảo ngược một chuỗi bằng cách sử dụng reverse() cũng như các phương thức JavaScript khác. Chúng tôi cũng đã xem cách thức hoạt động của các phương pháp với các ví dụ.

Hãy mã hóa vui vẻ!



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