12. Kiểu dữ liệu chuỗi trong JavaScript (Phần 1) - Khái quát về kiểu dữ liệu chuỗi trong Js

Dẫn nhập

Ở các bài trước, chúng ta đã cùng tìm hiểu về kiểu dữ liệu số trong Javascript và thực hiện bài tập về kiểu dữ liệu này.

Trong bài này sẽ giới thiệu cho các bạn về một kiểu dữ liệu khác đó là Kiểu dữ liệu chuỗi trong Javascript  - Khái quát về kiểu dữ liệu chuỗi

Nội dung

Mời các bạn xem qua các yêu cầu về kiến thức trước khi tìm hiểu bài này:

• Biến trong Javascript
• Cài đặt sẵn môi trường nodejs

Nội dung của bài bao gồm:

• Chuỗi là gì ? Đặc điểm của một chuỗi.
• Escape character trong Javascript
• Các toán tử cơ bản đối với chuỗi trong Javascript

Chuỗi là gì ?

Chuỗi, hiểu đơn giản, là tất cả những gì được đặt trong cặp ‘’, “” hoặc ``.

Chuỗi giúp biểu thị các kí tự, văn bản trong Javascript

Ví dụ:

var s1 = ‘abc’; // Chuỗi s1 có giá trị là ‘abc’
var s2 = “123”; // Chuỗi s2 có giá trị là “123”
1
2

Khởi tạo một chuỗi trong Js

Để khởi tạo một chuỗi, có 3 cách chính:

Cách 1: Sử dụng constructor String

Cú pháp:

String(<value>)

Trong đó, <value>  là một giá trị hợp lệ bất kì

Giá trị trả về chính là một chuỗi tương ứng với giá trị đầu vào.

Cách 2: Sử dụng phương thức toString cho giá trị tương ứng

Cú pháp:

<value>.toString()

Trong đó, <value>  cũng tương tự như trên, chính là giá trị mà chúng ta muốn convert sang string. Tuy nhiên, đối với việc chuyển từ số sang chuỗi, thì ta buộc phải dùng tên biến thay cho giá trị, cụ thể:

5.toString()
// 5.toString()
^^

// Uncaught SyntaxError: Invalid or unexpected token
a = 5
// 5
a.toString()
// '5'
1
2
3
4
5
6
7
8
9
10

Cách 3: Đặt các giá trị trong cặp dấu nháy (``, ‘’ hoặc “”)

Cách này là cách đơn giản nhất và dễ thực hiện nhất trong 3 cách. Nó sẽ chuyển toàn bộ những gì được đặt trong cặp dấu nháy thành 1 string duy nhất

Dưới đây là ví dụ cho cả 3 cách:

a = 5
// 5
b = '12'
// '12'
c = [1, 2]
// [ 1, 2 ]
a.toString()
// '5'
b.toString()
// '12'
String(c)
// '1,2'
String(a)
// '5'
str = 'khanhdeptrai!'
// 'khanhdeptrai!'
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

Vị trí của các kí tự trong chuỗi

Để thuận tiện trong việc thao tác với chuỗi, thì các kí tự trong chuỗi sẽ được đánh số thứ tự, từ trái sang phải, với kí tự đầu tiên có vị trí là 0. Lấy ví dụ với chuỗi “howKteam”:

Ta có thể lấy ra kí tự trong một chuỗi dựa vào vị trí của nó.

Ví dụ:

var a = 'howKteam';
// undefined
a[4]
// 't'
a[3]
// 'K'
1
2
3
4
5
6
7

Lưu ý: ta không thể thay đổi chuỗi bằng cách thực hiện phép gán.

a = 'howKteam'
// 'howKteam'
a[2] = 't'
// 't'
a
// 'howKteam'
1
2
3
4
5
6
7

Độ dài của chuỗi

Ta dùng thuộc tính length để hiển thị độ dài của một chuỗi.

var str = 'Hello world';
// undefined
str.length
// 11
1
2
3
4
5

Tiếp theo, mời các bạn xem xét ví dụ sau:

a = 'I'm Beginner'
// a = 'I'm Beginner'
       ^

// Uncaught SyntaxError: Unexpected identifier
1
2
3
4
5
6

Tại sao chương trình báo lỗi?

• Hiểu một cách đơn giản, là trong câu lệnh đó đã có một phần bị thừa ra.
• Sau khi ta dùng dấu ‘ lần đầu tiên, thì đó là việc xác định một chuỗi.
• Đến dấu ‘ lần thứ 2, thì đó là việc kết thúc một chuỗi (trong ví dụ, thì chuỗi chỉ bao gồm một chữ “I”)
• Và tất nhiên, những nội dung sau đó đều bị tính là phần dư thừa, gây nên lỗi.

Đặt vấn đề: Thế nếu ta muốn dùng nhiều các dấu ‘ hoặc “ trong một chuỗi, thì làm như thế nào ?

• Cách đầu tiên: Nếu muốn dùng dấu ‘ trong chuỗi, thì chuỗi đó phải được đặt trong cặp “” và ngược lại.
• Một cách khác là dùng cặp dấu `` (Kteam sẽ đi chi tiết vào nội dung này ở bài sau).
• Cách cuối cùng: mời các bạn đọc phần bên dưới.

Escape character trong JavaScript

Khi làm việc với chuỗi trong JavaScript, sẽ có những lúc mà bạn cần đến các Escape character. Hiểu một cách đơn giản, escape character là những kí tự có chức năng phụ trợ cho chuỗi khi ta làm việc với nó. Nó sẽ bao gồm một dấu “\” đứng trước một kí tự.

Ví dụ với chương trình sau:

var a = 'Welcome\nto HowKteam';
// undefined
console.log(a); // In ra 'Welcome', sau đó xuống dòng và in 'to HowKteam'
// Welcome
// to HowKteam
// undefined
var b = '\tFree education';
// undefined
console.log(b); // In ra 8 kí tự trống, sau đó in 'Free education' (giống như khi ta ấn tab trong lúc gõ văn bản)
//        Free education
// undefined
1
2
3
4
5
6
7
8
9
10
11
12

Dưới đây là bảng liệt kê các escape character hay được sử dụng:

Lưu ý: muốn sử dụng escape character, ta phải dùng lệnh console.log() (như trong các ví dụ trên)

Các toán tử với chuỗi trong JavaScript

Toán tử so sánh

Chương trình sẽ so sánh từng cặp kí tự có cùng vị trí trong 2 chuỗi. Nếu độ dài của 2 chuỗi khác nhau, thì khi so sánh đến hết chuỗi ngắn hơn, chương trình dừng so sánh.

Toán tử cộng chuỗi trong JavaScript

Toán tử cộng (+) nối hai chuỗi với nhau và trả về một chuỗi mới.

Ví dụ:

var a = "Welcome to";
// undefined
var b = "kquiz";
// undefined
a + ' ' + b;
// 'Welcome to kquiz'
var t = "Hello \n";
// undefined
var f = "Toan";
// undefined
var u = t + f;
// undefined
u
// 'Hello \nToan'
console.log(u);
// Hello
// Toan
// undefined
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

Các toán tử khác

Ngoài toán tử cộng, các toán tử so sánh, mọi toán tử khác trên các chuỗi kí tự có bao gồm chữ cái (hoặc kí tự đặc biệt) đều trả về giá trị NaN (đối với các chuỗi Number-String, ta sẽ tìm hiểu sau).

Ví dụ:

'abc' / 'abc'
// NaN
'one' * 'two'
// NaN
'per' * 3
// NaN
'miss' - 'mi'
// NaN
'3' * '$'
// NaN
1
2
3
4
5
6
7
8
9
10
11

Kết luận

Ở bài này, các bạn đã được tìm hiểu về những kiến thức cơ bản của chuỗi trong Javascript