JavaScript bài học chuỗi

Trong hướng dẫn này, bạn sẽ tìm hiểu về chuỗi JavaScript với sự trợ giúp của các ví dụ.

Chuỗi JavaScript là một kiểu dữ liệu nguyên thủy được sử dụng để làm việc với các văn bản. Ví dụ,

const name = 'John';

Tạo chuỗi JavaScript

Trong JavaScript, các chuỗi được tạo bằng cách đặt chúng bằng dấu ngoặc kép. Có ba cách bạn có thể sử dụng dấu ngoặc kép.

• Single quotes: 'Hello'
• Double quotes: "Hello"
• Backticks: `Hello`

Ví dụ,

//strings example
const name = 'Peter';
const name1 = "Jack";
const result = `The names are ${name} and ${name1}`;

Dấu nháy đơn và dấu nháy kép thực tế giống nhau và bạn có thể sử dụng một trong hai.

Dấu gạch chéo thường được sử dụng khi bạn cần bao gồm các biến hoặc biểu thức vào một chuỗi. Điều này được thực hiện bằng cách gói các biến hoặc biểu thức với ${variable or expression}như hình trên.

Bạn cũng có thể viết một câu trích dẫn bên trong một câu trích dẫn khác. Ví dụ,

const name = 'My name is "Peter".';

Tuy nhiên, câu trích dẫn không được khớp với những câu trích dẫn xung quanh. Ví dụ,

const name = 'My name is 'Peter'.'; // error

Truy cập các ký tự chuỗi

Bạn có thể truy cập các ký tự trong một chuỗi theo hai cách.

• One way is to treat strings as an array. For example,

const a = 'hello';
console.log(a[1]); // "e"

• Another way is to use the method charAt(). For example,

const a = 'hello';
console.log(a.charAt(1)); // "e"

Chuỗi JavaScript là bất biến

Trong JavaScript, các chuỗi là bất biến. Điều đó có nghĩa là không thể thay đổi các ký tự của một chuỗi. Ví dụ,

let a = 'hello';
a[0] = 'H';
console.log(a); // "hello"

Tuy nhiên, bạn có thể gán tên biến cho một chuỗi mới. Ví dụ,

let a = 'hello';
a = 'Hello';
console.log(a); // "Hello"

JavaScript phân biệt chữ hoa chữ thường

JavaScript phân biệt chữ hoa chữ thường. Điều đó có nghĩa là trong JavaScript, chữ thường và chữ hoa được coi là các giá trị khác nhau. Ví dụ,

const a = 'a';
const b = 'A'
console.log(a === b); // false

Trong JavaScript, avà Ađược coi là các giá trị khác nhau.

Chuỗi đa dòng JavaScript

Để sử dụng một chuỗi nhiều dòng, bạn có thể sử dụng +toán tử hoặc \toán tử. Ví dụ,

// using the + operator
const message1 = 'This is a long message ' +
    'that spans across multiple lines' + 
    'in the code.'

// using the \ operator
const message2 = 'This is a long message \
that spans across multiple lines \
in the code.'

Độ dài chuỗi JavaScript

Để tìm độ dài của một chuỗi, bạn có thể sử dụng thuộc lengthtính tích hợp sẵn. Ví dụ,

const a = 'hello';
console.log(a.length); // 5

Đối tượng chuỗi JavaScript

Bạn cũng có thể tạo chuỗi bằng newtừ khóa. Ví dụ,

const a = 'hello';
const b = new String('hello');

console.log(a); // "hello"
console.log(b); // "hello"

console.log(typeof a); // "string"
console.log(typeof b); // "object"

Lưu ý : Nên tránh sử dụng các đối tượng chuỗi. Sử dụng các đối tượng chuỗi sẽ làm chậm chương trình.

Phương thức chuỗi JavaScript

Dưới đây là các phương thức Chuỗi JavaScript thường được sử dụng:

Method	Decfscription
charAt(index)	returns the character at the specified index
concat()	joins two or more strings
replace()	replaces a string with another string
split()	converts the string to an array of strings
substr(start, length)	returns a part of a string
substring(start,end)	returns a part of a string
slice(start, end)	returns a part of a string
toLowerCase()	returns the passed string in lower case
toUpperCase()	returns the passed string in upper case
trim()	removes whitespace from the strings
includes()	searches for a string and returns a boolean value
search()	searches for a string and returns a position of a match

Ví dụ: Phương thức chuỗi JavaScript

const text1 = 'hello';
const text2 = 'world';
const text3 = '     JavaScript    ';

// concatenating two strings
const result1 = text1.concat(' ', text2);
console.log(result1); // "hello world"

// converting the text to uppercase
const result2 = text1.toUpperCase();
console.log(result2); // HELLO

// removing whitespace from the string
const result3 = text3.trim();
console.log(result3); // JavaScript

// converting the string to an array
const result4 = text1.split();
console.log(result4); // ["hello"]

// slicing the string
const result5= text1.slice(1, 3);
console.log(result5); // "el"

Hàm chuỗi() JavaScript

Các String()chức năng được sử dụng để chuyển đổi các kiểu dữ liệu khác nhau để xâu. Ví dụ,

const a = 225; // number
const b = true; // boolean

//converting to string
const result1 = String(a);
const result2 = String(b);

console.log(result1); // "225"
console.log(result2); // "true"

Nếu bạn muốn tìm hiểu thêm về chuyển đổi chuỗi, hãy truy cập Chuyển đổi loại JavaScript .

Nhân vật thoát

Bạn có thể sử dụng ký tự thoát dấu gạch chéo ngược \để bao gồm các ký tự đặc biệt trong một chuỗi. Ví dụ,

const name = 'My name is \'Peter\'.';
console.log(name);

Đầu ra

My name is 'Peter'.

Trong chương trình trên, sử dụng cùng một trích dẫn \.

Dưới đây là những cách khác mà bạn có thể sử dụng \:

Code	Output
\”	include double quote
\\	include backslash
\n	new line
\r	carriage return
\v	vertical tab
\t	horizontal tab
\b	backspace
\f	form feed