Chuỗi (String) trong JavaScript
Hôm nay chúng ta sẽ đi vào tìm hiểu kỹ hơn về kiểu dữ liệu chuỗi trong Javascript. Nó là một loại kiểu dữ liệu nguyên thủy. Chuỗi giúp ta lưu trữ các chữ cái, số, ký tự đặc biệt... Khi xử lý chuỗi trong Javascript, chúng ta sẽ luôn nhận được một chuỗi mới mà không làm thay đổi chuỗi ban đầu. Mời bạn đọc cùng eLib.VN tìm hiểu định nghĩa và cách sử dụng nó bên dưới nhé.
Mục lục nội dung
Chuỗi (String) trong JavaScript là một đối tượng đại diện cho một chuỗi ký tự. Có 2 cách để tạo chuỗi trong JavaScript:
- Theo chuỗi chữ.
- Theo đối tượng String (sử dụng từ khóa new).
1. Theo chuỗi chữ
Chuỗi chữ được tạo ra bằng cách sử dụng dấu ngoặc kép. Cú pháp tạo chuỗi bằng cách sử dụng chuỗi ký tự được đưa ra dưới đây:
var stringName="string value";
Ví dụ đơn giản về việc tạo chuỗi ký tự.
<script>
var str = "Day la mot chuoi JavaScript";
document.write(str);
</script>
Kết quả:
Day la mot chuoi JavaScript
2. Theo đối tượng String (sử dụng từ khóa new)
Cú pháp tạo đối tượng String sử dụng từ khóa mới được đưa ra dưới đây:
var stringName = new String("string value");
Ở đây, từ khóa new được sử dụng để tạo thể hiện của đối tượng String.
Hãy xem ví dụ tạo chuỗi trong JavaScript bằng từ khóa new.
<script>
var stringname = new String("Hello javascript string");
document.write(stringname);
</script>
Kết quả:
Hello javascript string
3. Các phương thức xử lý chuỗi trong JavaScript
Dưới đây là danh sách các phương thức xử lý chuỗi JavaScript:
- charAt(index)
- concat(str)
- indexOf(str)
- lastIndexOf(str)
- toLowerCase()
- toUpperCase()
- slice(beginIndex, endIndex)
- trim(str)
Phương thức charAt(index) trong JavaScript
Phương thức String String charAt () trả về ký tự ở chỉ mục đã cho. Ví dụ:
<script>
var str = "javascript";
document.write(str.charAt(2));
</script>
Kết quả:
v
Phương thức concat(str) trong JavaScript
Phương thức concat(str) trong JavaScript được sử dụng để nối 2 chuỗi. Ví dụ:
<script>
var s1 = "javascript ";
var s2 = "concat example";
var s3 = s1.concat(s2);
document.write(s3);
</script>
Kết quả:
javascript concat example
Phương thức indexOf(str) trong JavaScript
Phương thức indexOf(str) trong JavaScript trả về vị trí chỉ mục của chuỗi đã cho. Ví dụ:
<script>
var s1 = "javascript from viettuts indexof";
var n = s1.indexOf("from");
document.write(n);
</script>
Kết quả:
11
Phương thức lastIndexOf(str) trong JavaScript
Phương thức lastIndexOf(str) trong JavaScript trả về vị trí chỉ mục cuối cùng của chuỗi đã cho. Ví dụ:
<script>
var s1 = "javascript from java...";
var n = s1.lastIndexOf("java");
document.write(n);
</script>
Kết quả:
16
Phương thức toLowerCase() trong JavaScript
Phương thức toLowerCase() trong JavaScript trả về chuỗi đã cho bằng chữ thường. Ví dụ:
<script>
var s1 = "JavaScript toLowerCase Example";
var s2 = s1.toLowerCase();
document.write(s2);
</script>
Kết quả:
javascript tolowercase example
Phương thức toUpperCase() trong JavaScript
Phương thức toLowerCase() trong JavaScript trả về chuỗi đã cho bằng chữ hoa. Ví dụ:
<script>
var s1 = "JavaScript toLowerCase Example";
var s2 = s1.toLowerCase();
document.write(s2);
</script>
Kết quả:
JAVASCRIPT TOUPPERCASE EXAMPLE
Phương thức slice(beginIndex, endIndex) trong JavaScript
Phương thức slice(beginIndex, endIndex) trong JavaScript trả về chuỗi con của chuỗi đã cho từ beginIndex cho đến endIndex. Trong phương thức slice(), beginIndex được bao gồm và endIndex là không được bao gồm. Ví dụ:
<script>
var s1 = "abcdefgh";
var s2 = s1.slice(2, 5);
document.write(s2);
</script>
Kết quả:
cde
Phương thức trim(str) trong JavaScript
Phương thức trim(str) trong JavaScript
<script>
var s1 = " javascript trim ";
var s2 = s1.trim();
document.write(s2);
</script>
Kết quả:
javascript trim
Trên đây là bài viết của eLib.VN về Chuỗi (String) trong JavaScript. Khi lập trình Javascript hay lập trình web, bạn sẽ thao tác với chuỗi rất nhiều. Cách tốt nhất để bạn học tốt Javascript là ghi nhớ thật kỹ những thao tác phổ biến với chuỗi này. Chúc các bạn thành công!
Tham khảo thêm
- doc Đối tượng trong JavaScript
- doc Mảng (Array) trong JavaScript
- doc Đối tượng Date trong JavaScript
- doc Đối tượng Math trong JavaScript
- doc Đối tượng Number trong JavaScript
- doc Boolean trong JavaScript