IndexOf hoạt động như thế nào trong Javascript?

Hướng dẫn JavaScript này giải thích cách sử dụng phương thức chuỗi có tên là indexOf() với cú pháp và ví dụ

Sự miêu tả

Trong JavaScript, indexOf() là một phương thức chuỗi được sử dụng để tìm vị trí của một chuỗi con trong một chuỗi. Vì phương thức indexOf() là một phương thức của đối tượng String nên nó phải được gọi thông qua một thể hiện cụ thể của lớp String

cú pháp

Trong JavaScript, cú pháp của phương thức indexOf() là

string.indexOf(substring [, start_position]);

Tham số hoặc Đối số

substringĐó là chuỗi con mà bạn muốn tìm trong chuỗi. start_positionTùy chọn. Đó là vị trí trong chuỗi nơi bắt đầu tìm kiếm. Vị trí đầu tiên trong chuỗi là 0. Nếu tham số này không được cung cấp, quá trình tìm kiếm sẽ bắt đầu từ đầu chuỗi và toàn bộ chuỗi sẽ được tìm kiếm

trả lại

Phương thức indexOf() trả về vị trí xuất hiện đầu tiên của chuỗi con trong chuỗi. Vị trí đầu tiên trong chuỗi là 0

Nếu phương thức indexOf() không tìm thấy chuỗi con trong chuỗi, nó sẽ trả về -1

Ghi chú

  • Phương thức indexOf() thực hiện tìm kiếm phân biệt chữ hoa chữ thường
  • Phương thức indexOf() không thay đổi giá trị của chuỗi ban đầu

Thí dụ

Hãy cùng xem một ví dụ về cách sử dụng phương thức indexOf() trong JavaScript

Ví dụ

var totn_string = 'TechOnTheNet';

console.log(totn_string.indexOf('t'));

Trong ví dụ này, chúng tôi đã khai báo một biến có tên totn_string được gán giá trị chuỗi là 'TechOnTheNet'. Sau đó, chúng tôi đã gọi phương thức indexOf() của biến totn_string để tìm kiếm một chuỗi con trong totn_string

Chúng tôi đã ghi đầu ra của phương thức indexOf() vào nhật ký bảng điều khiển trình duyệt web, với mục đích trình diễn, để hiển thị những gì phương thức indexOf() trả về

Phần sau đây sẽ được xuất ra nhật ký bảng điều khiển trình duyệt web

11

Trong ví dụ này, phương thức indexOf() trả về -1 vì không tìm thấy chuỗi con 'z' trong chuỗi 'TechOnTheNet'

Trong hướng dẫn ngắn này, chúng ta sẽ xem xét phương thức

let devs = 'Join as a freelance developer at Flexiple';
let index = devs.indexOf('Flexiple');
        
console.log(index);
8 trong JavaScript là gì. Chúng ta sẽ xem xét cú pháp của nó, các phương thức khác nhau với các ví dụ

Mục lục - JavaScript indexOf

  • Phương thức indexOf trong Javascript là gì?
  • Cú pháp và tham số
  • Sử dụng phương thức JavaScript indexOf trên chuỗi
  • Sử dụng indexOf() để đếm số lần xuất hiện của chuỗi con trong chuỗi
  • Phương thức indexOf() và phân biệt chữ hoa chữ thường
  • Bớt tư tưởng

Phương thức indexOf trong Javascript là gì?

Phương thức

let devs = 'Join as a freelance developer at Flexiple';
let index = devs.indexOf('Flexiple');
        
console.log(index);
8 được sử dụng để trả về lần xuất hiện đầu tiên của một giá trị được chỉ định trong một chuỗi. Trong trường hợp không tìm thấy giá trị đã chỉ định, nó sẽ trả về -1. Hãy nhớ rằng phương thức JavaScript
let devs = 'Join as a freelance developer at Flexiple';
let index = devs.indexOf('Flexiple');
        
console.log(index);
8 phân biệt chữ hoa chữ thường

Cú pháp và tham số

Đây là cú pháp của phương thức

let devs = 'Join as a freelance developer at Flexiple';
let index = devs.indexOf('Flexiple');
        
console.log(index);
8

cú pháp

string.indexOf(searchvalue, start)

Bây giờ hãy xem các tham số của phương thức này biểu thị điều gì

- giá trị tìm kiếm. Giá trị/phần tử được nhập ở đây sẽ được tìm kiếm. Đây là thông số bắt buộc

- bắt đầu. Tại đây, người ta có thể xác định vị trí bắt đầu tìm kiếm từ đó. Đây là tham số tùy chọn, được sử dụng theo nhu cầu

Giá trị trả về. Giá trị mà chúng ta nhận được khi phương thức được thực thi là vị trí đầu tiên mà giá trị được tìm kiếm (searchvalue) được tìm thấy. Tuy nhiên, chúng tôi sẽ nhận được -1 nếu nó không xuất hiện trong chuỗi tìm kiếm

Sử dụng phương thức JavaScript indexOf trên chuỗi

Hãy xem xét một ví dụ mà chúng ta sử dụng phương pháp này để lấy chỉ mục của lần xuất hiện đầu tiên của chuỗi con “flexiple. ”

Đầu vào

let devs = 'Join as a freelance developer at Flexiple';
let index = devs.indexOf('Flexiple');
        
console.log(index);

đầu ra

33

Vì vậy, một vị trí chỉ số là gì? . Trong trường hợp này, phần tử 'J' của từ 'Tham gia' sẽ có giá trị chỉ mục là 0 và ký tự 'o' sẽ có giá trị chỉ mục là 1, v.v.

Sử dụng indexOf() để đếm số lần xuất hiện của chuỗi con trong chuỗi

Trong một ví dụ khác được đưa ra dưới đây, bạn sẽ có thể thấy cách một người có thể đếm số lần xuất hiện hoặc số lần xuất hiện của một chuỗi con đã chỉ định xuất hiện trong một chuỗi

Đầu vào

let devs = 'Flexiple is hiring! Join Flexiple as a freelance developer to work on client projects at Flexiple';
let substri = 'Flexiple';
        
let count = 0;
        
let index = devs.indexOf(substri);
while(index !== -1) {
    count++;
    index = devs.indexOf(substri, index + 1);
}
        
console.log(count);

đầu ra

3

Thứ nhất, phương thức

let devs = 'Join as a freelance developer at Flexiple';
let index = devs.indexOf('Flexiple');
        
console.log(index);
8 tìm thấy lần xuất hiện đầu tiên của substri trong devs. Sau đó, vòng lặp while được chạy lặp đi lặp lại để tìm vị trí tiếp theo của substri trong devs bắt đầu từ vị trí được tìm thấy cuối cùng +1. Cuối cùng, đầu ra được cho là 3 vì số lần tìm thấy “Flexiple” trong chuỗi devs

Phương thức indexOf() và phân biệt chữ hoa chữ thường

Trong phần này, chúng ta hãy xem một ví dụ khác để hiểu phân biệt chữ hoa chữ thường của phương thức

Đầu vào

let devs = 'FLEXIPLE indexof';
let substri = 'flexiple';
        
let index = devs.indexOf(substri);
        
console.log(index);

đầu ra

-1

Trong ví dụ này, chúng ta thấy rằng phương thức trả về -1 làm đầu ra. Điều này là do “FLEXIPLE indexof” không chứa chuỗi con “flexiple”, mà là “FLEXIPLE”

Vì vậy, nếu chúng ta muốn thực hiện tìm kiếm phân biệt chữ hoa chữ thường với phương thức

let devs = 'Join as a freelance developer at Flexiple';
let index = devs.indexOf('Flexiple');
        
console.log(index);
8, chúng ta có thể chuyển đổi cả chuỗi con và chuỗi thành chữ thường trước khi sử dụng phương thức. Hãy xem một ví dụ khác để hiểu điều này tốt hơn

Đầu vào

let devs = 'FLEXIPLE indexOf';
let substri = 'flexiple';
        
let index = devs.toLocaleLowerCase().indexOf(substri.toLocaleLowerCase());
        
console.log(index);

đầu ra

0

Bớt tư tưởng

Trong hướng dẫn này, chúng ta đã thấy cách thức hoạt động của

let devs = 'Join as a freelance developer at Flexiple';
let index = devs.indexOf('Flexiple');
        
console.log(index);
8, cú pháp và tham số của nó. Chúng ta cũng đã hiểu cách sử dụng phương thức này để đếm số lần xuất hiện của các chuỗi con. Cuối cùng, chúng tôi kiểm tra cách phân biệt chữ hoa chữ thường của chức năng có thể được phá vỡ theo nhu cầu của chúng tôi

Phương thức indexOf() là gì?

Định nghĩa và cách sử dụng. Phương thức indexOf() trả về vị trí xuất hiện đầu tiên của (các) ký tự được chỉ định trong một chuỗi . Mẹo. Sử dụng phương thức lastIndexOf để trả về vị trí xuất hiện cuối cùng của (các) ký tự được chỉ định trong một chuỗi.

Mảng indexOf hoạt động như thế nào?

IndexOf(Array, Object, Int32) Tìm kiếm đối tượng đã chỉ định trong một dải các phần tử của mảng một chiều và trả về chỉ mục của lần xuất hiện đầu tiên. The range extends from a specified index to the end of the array.

Làm cách nào để gọi chỉ mục của chuỗi JavaScript?

Sử dụng ký hiệu ngoặc vuông, chúng ta có thể truy cập bất kỳ ký tự nào trong chuỗi. Chúng ta 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ố. Ngoài ra, chúng ta có thể sử dụng indexOf() để trả về số chỉ mục theo phiên bản đầu tiên của một ký tự .

Cái nào nhanh hơn indexOf hoặc bao gồm?

indexOf đã được tạo trước khi bao gồm. Có vẻ như sự khác biệt về hiệu suất không quá rõ ràng. Firefox di động của tôi cho thấy rằng indexOf thực sự nhanh hơn .