Trong hướng dẫn này, chúng ta sẽ tìm hiểu sự khác biệt giữa nguyên thủy của chuỗi và đối tượng String, cách lập chỉ mục các chuỗi, cách truy cập các ký tự trong một chuỗi…

Bạn đang xem: chỉ mục của chuỗi javascript

Giới thiệu

Chuỗi là một chuỗi gồm một hoặc nhiều ký tự có thể bao gồm các chữ cái, số hoặc ký hiệu. Mỗi ký tự trong một chuỗi JavaScript có thể được truy cập bằng một số chỉ mục và tất cả các chuỗi đều có sẵn các phương thức và thuộc tính.

Trong hướng dẫn này, chúng ta sẽ tìm hiểu sự khác biệt giữa nguyên mẫu của chuỗi và đối tượng String , cách lập chỉ mục các chuỗi, cách truy cập các ký tự trong một chuỗi cũng như các thuộc tính và phương thức phổ biến được sử dụng trên chuỗi. < / p>

Chuỗi Nguyên thủy và Đối tượng Chuỗi

Đầu tiên, chúng tôi sẽ làm rõ hai loại chuỗi. JavaScript phân biệt giữa chuỗi nguyên thủy , một kiểu dữ liệu bất biến và đối tượng Chuỗi .

Để kiểm tra sự khác biệt giữa hai đối tượng, chúng tôi sẽ khởi tạo một đối tượng nguyên thủy chuỗi và một đối tượng chuỗi.

 

const

stringPrimitive

=

"Một chuỗi mới."

;

const

stringObject

=

new

Chuỗi

(

" Một chuỗi mới. "

)

;

Chúng tôi có thể sử dụng toán tử typeof để xác định loại giá trị. Trong ví dụ đầu tiên, chúng tôi chỉ cần gán một chuỗi cho một biến.

  

typeof

stringPrimitive

;

  

Chuỗi đầu ra

Trong ví dụ thứ hai, chúng tôi đã sử dụng new String () để tạo một đối tượng chuỗi và gán nó cho một biến.

  

typeof

stringObject

;

  

Đối tượng đầu ra

Hầu hết thời gian, bạn sẽ tạo chuỗi nguyên thủy. JavaScript có thể truy cập và sử dụng các thuộc tính và phương thức tích hợp sẵn của trình bao bọc đối tượng String mà không thực sự thay đổi chuỗi nguyên thủy bạn đã tạo thành một đối tượng.

Mặc dù ban đầu, khái niệm này có chút khó khăn nhưng bạn nên biết sự phân biệt giữa nguyên thủy và đối tượng. Về cơ bản, có các phương thức và thuộc tính có sẵn cho tất cả các chuỗi và trong nền JavaScript sẽ thực hiện chuyển đổi thành đối tượng và trở về nguyên thủy mỗi khi phương thức hoặc thuộc tính được gọi.

Cách các chuỗi được lập chỉ mục

Mỗi ký tự trong một chuỗi tương ứng với một số chỉ mục, bắt đầu bằng 0 .

Để chứng minh, chúng tôi sẽ tạo một chuỗi có giá trị Bạn có khỏe không? .

H
o
w

một
r
e

y
o
u
?


1
2
3
4
5
6
7
số 8
9
10
11

Ký tự đầu tiên trong chuỗi là H , tương ứng với chỉ mục 0 . Ký tự cuối cùng là ? , tương ứng với 11 . Các ký tự khoảng trắng cũng có chỉ mục, tại 3 7 .

Việc có thể truy cập mọi ký tự trong chuỗi cung cấp cho chúng tôi một số cách để làm việc và thao tác với chuỗi.

Truy cập các ký tự

Chúng tôi sẽ trình bày cách truy cập các ký tự và chỉ số bằng chuỗi Bạn có khỏe không? .

  

"Bạn có khỏe không?"

;

Sử dụng ký hiệu dấu ngoặc vuông, chúng tôi có thể truy cập bất kỳ ký tự nào trong chuỗi.

  

"Bạn có khỏe không?"

[

5

]

;

  

Đầu ra

r

Chúng tôi cũng có thể sử dụng phương thức charAt () để trả về ký tự bằng cách sử dụng số chỉ mục làm tham số.

  

"Bạn có khỏe không?"

.

charAt

(

5

)

;

  

Đầu ra

r

Ngoài ra, chúng ta có thể sử dụng indexOf () để trả về số chỉ mục theo trường hợp đầu tiên của một ký tự.

  

"Bạn có khỏe không?"

.

indexOf

(

"o"

)

;

  

Đầu ra

1

Mặc dù “o” xuất hiện hai lần trong chuỗi Bạn có khỏe không? , indexOf () sẽ là trường hợp đầu tiên.

lastIndexOf () được sử dụng để tìm trường hợp cuối cùng.

  

"Bạn có khỏe không?"

.

lastIndexOf

(

"o"

)

;

  

Đầu ra

9

Đối với cả hai phương pháp này, bạn cũng có thể tìm kiếm nhiều ký tự trong chuỗi. Nó sẽ trả về số chỉ mục của ký tự đầu tiên trong ví dụ.

  

"Bạn có khỏe không?"

.

indexOf

(

"là"

)

;

  

Đầu ra

4

Mặt khác, phương thức slice () trả về các ký tự giữa hai số chỉ mục. Tham số đầu tiên sẽ là số chỉ mục bắt đầu và tham số thứ hai sẽ là số chỉ mục nơi nó sẽ kết thúc.

  

"Bạn có khỏe không?"

.

lát cắt

(

8

,

11

)

;

  

Đầu ra

bạn

Lưu ý rằng 11 ? , nhưng ? không phải là một phần của kết quả trả về. slice () sẽ trả về thông số nằm giữa, nhưng không bao gồm, tham số cuối cùng.

Nếu tham số thứ hai không được bao gồm, slice () sẽ trả về mọi thứ từ tham số đến cuối chuỗi.

  

"Bạn có khỏe không?"

.

lát cắt

(

8

)

;

  

Đầu ra

bạn?

Tóm lại, charAt () slice () sẽ giúp trả về các giá trị chuỗi dựa trên số chỉ mục và indexOf () và < code> lastIndexOf () sẽ làm ngược lại, trả về số chỉ mục dựa trên các ký tự chuỗi được cung cấp.

Tìm độ dài của một chuỗi

Sử dụng thuộc tính length , chúng tôi có thể trả về số ký tự trong một chuỗi.

  

"Bạn khỏe không?"

.

length

;

  

Đầu ra

12

Hãy nhớ rằng thuộc tính length đang trả về số ký tự thực tế bắt đầu bằng 1, xuất hiện đến 12, không phải là số chỉ mục cuối cùng, bắt đầu từ 0 và kết thúc ở 11 .

Chuyển đổi thành chữ hoa hoặc chữ thường

Hai phương thức tích hợp sẵn toUpperCase () toLowerCase () là những cách hữu ích để định dạng văn bản và so sánh văn bản trong JavaScript.

toUpperCase () sẽ chuyển đổi tất cả các ký tự thành ký tự viết hoa.

  

"Bạn có khỏe không?"

.

toUpperCase

(

)

;

  

Đầu ra

BẠN THẾ NÀO?

toLowerCase () sẽ chuyển đổi tất cả các ký tự thành ký tự thường.

  

"Bạn có khỏe không?"

.

toLowerCase

(

)

;

  

Đầu ra

bạn có khỏe không?

Hai phương pháp định dạng này không có tham số bổ sung.

Điều đáng chú ý là các phương pháp này không thay đổi chuỗi gốc.

Tách chuỗi

JavaScript có một phương pháp rất hữu ích để tách một chuỗi theo một ký tự và tạo một mảng mới từ các phần. Chúng tôi sẽ sử dụng phương thức split () để phân tách mảng bằng một ký tự khoảng trắng, được đại diện bởi "" .

  

const

originalString

=

"Bạn có khỏe không?"

;

const

splitString

=

originalString

.

phân tách

(

" "

)

;

bảng điều khiển

.

nhật ký

(

splitString

)

;

  

Đầu ra

['Làm thế nào', 'là', 'bạn?' ]

Bây giờ chúng ta có một mảng mới trong biến splitString , chúng ta có thể truy cập từng phần với một số chỉ mục.

  splitString 

[

1

]

;

  

Đầu ra

Nếu một tham số trống được cung cấp, split () sẽ tạo một mảng được phân tách bằng dấu phẩy với mỗi ký tự trong chuỗi.

Bằng cách tách các chuỗi, bạn có thể xác định có bao nhiêu từ trong một câu và sử dụng phương pháp này như một cách để xác định họ và tên của mọi người chẳng hạn.

Cắt bỏ khoảng trắng

Phương thức JavaScript trim () loại bỏ khoảng trắng từ cả hai đầu của một chuỗi, nhưng không xóa bất kỳ khoảng trắng nào ở giữa. Khoảng trắng có thể là tab hoặc dấu cách.

  

const

tooMuchWhitespace

=

"Bạn có khỏe không?"

;

const

đã cắt

=

tooMuchWhitespace

.

trim

(

)

;

bảng điều khiển

.

nhật ký

(

đã cắt

)

;

  

Đầu ra

Bạn có khỏe không?

Phương thức trim () là một cách đơn giản để thực hiện tác vụ phổ biến là loại bỏ khoảng trắng thừa.

Tìm và Thay thế Giá trị Chuỗi

Chúng tôi có thể tìm kiếm một giá trị trong chuỗi và thay thế nó bằng một giá trị mới bằng cách sử dụng phương thức Replace () . Tham số đầu tiên sẽ là giá trị được tìm thấy và tham số thứ hai sẽ là giá trị để thay thế nó.

  

const

originalString

=

"Bạn có khỏe không?"

const

newString

=

originalString

.

thay thế

(

" Cách "

,

"Ở đâu"

)

;

bảng điều khiển

.

nhật ký

(

newString

)

;

  

Đầu ra

Bạn đang ở đâu?

Ngoài việc có thể thay thế một giá trị bằng một giá trị chuỗi khác, chúng tôi cũng có thể sử dụng Biểu thức chính quy để làm cho Replace () mạnh mẽ hơn. Ví dụ: Replace () chỉ ảnh hưởng đến giá trị đầu tiên, nhưng chúng ta có thể sử dụng cờ g (global) để bắt tất cả các trường hợp của một giá trị và i Cờ (không phân biệt chữ hoa chữ thường) để bỏ qua chữ hoa chữ thường.

  

const

originalString

=

"Javascript là một ngôn ngữ lập trình. Tôi đang học javascript."

const

newString

=

originalString

.

thay thế

(

/

javascript

/

gi

,

"JavaScript"

)

;

bảng điều khiển

.

nhật ký

(

newString

)

;

  

Đầu ra

JavaScript là một ngôn ngữ lập trình. Tôi đang học JavaScript.

Đây là một nhiệm vụ rất phổ biến khi sử dụng Biểu thức chính quy. Truy cập Regexr để thực hành thêm các ví dụ về RegEx.

Kết luận

Chuỗi là một trong những kiểu dữ liệu được sử dụng thường xuyên nhất và chúng tôi có thể làm được nhiều điều với chúng.

Trong hướng dẫn này, chúng tôi đã tìm hiểu sự khác biệt giữa đối tượng nguyên thủy chuỗi và đối tượng String , cách lập chỉ mục các chuỗi và cách sử dụng các phương thức và thuộc tính tích hợp của chuỗi để truy cập ký tự, định dạng văn bản cũng như tìm và thay thế các giá trị.

Để có cái nhìn tổng quan hơn về chuỗi, hãy đọc hướng dẫn “ Cách làm việc với chuỗi trong JavaScript .”


Xem thêm những thông tin liên quan đến chủ đề chỉ mục của chuỗi javascript

Substrings in JavaScript

  • Tác giả: kudvenkat
  • Ngày đăng: 2014-11-06
  • Đánh giá: 4 ⭐ ( 6970 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Link for all dot net and sql server video tutorial playlists
    http://www.youtube.com/user/kudvenkat/playlists

    Link for slides, code samples and text version of the video
    http://csharp-video-tutorials.blogspot.com/2014/11/substrings-in-javascript.html

    Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.
    https://www.youtube.com/channel/UC7sEwIXM_YfAMyonQCrGfWA/?sub_confirmation=1

    The following are the 3 methods in JavaScript that can be used to retrieve a substring from a given string.
    substring()
    substr()
    slice()

    substring() method : This method has 2 parameters start and end. start parameter is required and specifies the position where to start the extraction. end parameter is optional and specifies the position where the extraction should end. The character at the end position is not included in the substring. If the end parameter is not specified, all the characters from the start position till the end of the string are extracted. If the value of start parameter is greater than the value of the end parameter, this method will swap the two arguments. This means start will be used as end and end will be used as start.

    Extract the first 10 characters

    var str = “JavaScript Tutorial”;
    var result = str.substring(0, 10);
    alert(result);

    Output : JavaScript

    If the value of start parameter is greater than the value of the end parameter, then start will be used as end and end will be used as start
    var str = “JavaScript Tutorial”;
    var result = str.substring(10, 0);
    alert(result);

    Output : JavaScript

    substr() method : This method has 2 parameters start and count. start parameter is required and specifies the position where to start the extraction. count parameter is optional and specifies the number of characters to extract. If the count parameter is not specified, all the characters from the start position till the end of the string are extracted. If count is 0 or negative, an empty string is returned.

    Extract the first 10 characters

    var str = “JavaScript Tutorial”;
    var result = str.substr(0, 10);
    alert(result);

    Output : JavaScript

    If the count parameter is not specified, all the characters from the start position till the end of the string are extracted

    var str = “JavaScript Tutorial”;
    var result = str.substr(11);
    alert(result);

    Output : Tutorial

    slice() method : This method has 2 parameters start and end. start parameter is required and specifies the position where to start the extraction. end parameter is optional and specifies the position where the extraction should end. The character at the end position is not included in the substring. If the end parameter is not specified, all the characters from the start position till the end of the string are extracted.

    Extract the first 10 characters

    var str = “JavaScript Tutorial”;
    var result = str.slice(0, 10);
    alert(result);

    Output : JavaScript

    If the end parameter is not specified, all the characters from the start position till the end of the string are extracted

    var str = “JavaScript Tutorial”;
    var result = str.slice(11);
    alert(result);

    Output : Tutorial

    What is the difference between substr and substring methods
    The difference is in the second parameter. The second parameter of substring() method specifies the index position where the extraction should stop. The character at the end position is not included in the substring. The second parameter of substr() method specifies the number of characters to return.

    Another difference is substr() method does not work in IE8 and earlier versions.

    What is the difference between slice and substring
    If start parameter is greater than stop parameter, then substring will swap those 2 parameters, where as slice will not swap.

    Another method that is very useful when extracting a substring is indexOf() method. This method returns the position of the first occurrence of a specified value in a string. If the specified value is not present then -1 is returned.

    Example : Retrieve the index position of @ character in the email

    var str = “pragim@pragimtech.com”;
    var result = str.indexOf(“@”);
    alert(result);

    Output : 6

    In our next video, we will discuss a simple real time example of where we can use indexOf() and substring() methods

Các hàm có sẵn trong JavaScript

  • Tác giả: hoclaptrinh.vn
  • Đánh giá: 4 ⭐ ( 5804 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Các hàm, phương thức có sẵn trong JavaScript

Xử lý chuỗi trong JavaScript (Phần 2)

  • Tác giả: viblo.asia
  • Đánh giá: 3 ⭐ ( 8198 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hi xin chào các bạn, tiếp nối chủ để xử lý chuỗi trong JS, hôm nay mình sẽ tiếp tục giới thiệu các phương thức được dùng phổ biến khi làm việc với dữ liệu kiểu chuỗi mà devjs không thể bỏ qua. Chúng…

Nhận giá trị của một chuỗi sau dấu gạch chéo trong JavaScript

  • Tác giả: qastack.vn
  • Đánh giá: 5 ⭐ ( 6266 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Có ít nhất ba cách: Một biểu thức chính quy: var result = /[^/]*$/.exec(“foo/bar/test.html”)[0]; … có…

Cách lấy chỉ mục của một mục trong một mảng JavaScript

  • Tác giả: tech-wiki.online
  • Đánh giá: 5 ⭐ ( 1711 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Các hàm xử lý chuỗi trong Javascript (cắt / tách / nối chuỗi ..)

  • Tác giả: freetuts.net
  • Đánh giá: 3 ⭐ ( 4170 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tồng hợp Các hàm xử lý chuỗi trong Javascript, thực hành các bài tập liên quan đến hàm xử lý chuỗi trong javascript bằng hàm

Chuỗi (String) trong JavaScript

  • Tác giả: viettuts.vn
  • Đánh giá: 5 ⭐ ( 7763 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: 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

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Tạo các ràng buộc duy nhất - SQL Server - cột duy nhất của máy chủ sql

By ads_php