Hàm indexOf() trong JavaScript

• Trần Ngọc Thanh
• 184
• 29/08/2025

Hàm indexOf() trong JavaScript dùng để lấy khóa (key) của phần tử đầu tiên có giá trị cần tìm hoặc để lấy vị trí của một chuỗi con trong chuỗi lớn, chi tiết như nào hãy cùng chúng tôi phân tích:

Hàm indexOf() trong JavaScript

Chức năng của Hàm indexOf() trong JavaScript

Hàm indexOf() trong JavaScript dùng để lấy khóa (key) của phần tử đầu tiên có giá trị cần tìm hoặc để lấy vị trí của một chuỗi con trong chuỗi lớn, nếu không tìm thấy chuỗi hoặc phần tử có giá trị cần tìm thì sẽ trả về -1.

Cú pháp của Hàm indexOf() trong JavaScript

Hàm indexOf() xử lý mảng

mang.indexOf(giatri);

mang: Mảng.

giatri: Giá trị của phần tử cần kiểm tra.

mang.indexOf(giatri,vitribatdau);

mang: Mảng.

giatri: Giá trị của phần tử cần kiểm tra.

vitribatdau: Vị trí bắt đầu tìm.

Hàm indexOf() xử lý chuỗi

chuoigoc.indexOf("chuoicon");

chuoicon: Chuỗi con cần kiểm tra.

chuoigoc: Chuỗi gốc.

chuoigoc.indexOf("chuoicon",vitribatdau);

chuoicon: Chuỗi con cần kiểm tra.

chuoigoc: Chuỗi gốc.

vitribatdau: Vị trí bắt đầu tìm.

Code Hàm indexOf() trong JavaScript

Hàm indexOf() xử lý mảng trong JavaScript

<script>
// Tìm khóa (key) của phần tử đầu tiên có giá trị là 45, bắt đầu tìm từ vị trí 1
document.write("<b>Tìm khóa (key) của phần tử đầu tiên có giá trị là 45, bắt đầu tìm từ vị trí 1</b><br>");
var mang  = [10,20,45,35,45,30];
document.write(mang.indexOf(45,1)+"<br>"); // Kết quả: 2

// Tìm khóa (key) của phần tử đầu tiên có giá trị là 45, bắt đầu tìm từ vị trí 3
document.write("<b>Tìm khóa (key) của phần tử đầu tiên có giá trị là 45, bắt đầu tìm từ vị trí 3</b><br>");
var mang  = [10,20,45,35,45,30];
document.write(mang.indexOf(45,3)+"<br>"); // Kết quả: 4

// Tìm khóa (key) của phần tử đầu tiên có giá trị là 45, tìm trong toàn mảng
document.write("<b>Tìm khóa (key) của phần tử đầu tiên có giá trị là 45, tìm trong toàn mảng</b><br>");
var mang  = [10,20,45,35,45,30];
document.write(mang.indexOf(45)+"<br>"); // Kết quả: 2

// Tìm khóa (key) của phần tử đầu tiên có giá trị là 455, tìm trong toàn mảng
document.write("<b>Tìm khóa (key) của phần tử đầu tiên có giá trị là 455, tìm trong toàn mảng</b><br>");
var mang  = [10,20,45,35,45,30];
document.write(mang.indexOf(455)); // Kết quả: -1 vì không tìm thấy phần tử có giá trị 455
</script>

Kết quả:

Tìm khóa (key) của phần tử đầu tiên có giá trị là 45, bắt đầu tìm từ vị trí 1
2
Tìm khóa (key) của phần tử đầu tiên có giá trị là 45, bắt đầu tìm từ vị trí 3
4
Tìm khóa (key) của phần tử đầu tiên có giá trị là 45, tìm trong toàn mảng
2
Tìm khóa (key) của phần tử đầu tiên có giá trị là 455, tìm trong toàn mảng
-1

Chạy Thử

Hàm indexOf() xử lý chuỗi trong JavaScript

<script>
// Tìm vị trí xuất hiện của từ web, bắt đầu tìm từ vị trí 1
document.write("<b>Tìm vị trí xuất hiện của từ web, bắt đầu tìm từ vị trí 1</b><br>");
var chuoigoc  = "web mới thiết kế web";
document.write(chuoigoc.indexOf("web",1)+"<br>"); // Kết quả: 17

// Tìm vị trí xuất hiện của từ web, bắt đầu tìm từ vị trí 0
document.write("<b>Tìm vị trí xuất hiện của từ web, bắt đầu tìm từ vị trí 0</b><br>");
var chuoigochai  = "web mới thiết kế web";
document.write(chuoigochai.indexOf("web",0)+"<br>"); // Kết quả: 0

// Tìm vị trí xuất hiện của từ web, tìm toàn chuỗi
document.write("<b>Tìm vị trí xuất hiện của từ web, tìm toàn chuỗi</b><br>");
var chuoigocba  = "web mới thiết kế web";
document.write(chuoigocba.indexOf("web")+"<br>"); // Kết quả: 0

// Tìm vị trí xuất hiện của từ website, tìm toàn chuỗi
document.write("<b>Tìm vị trí xuất hiện của từ website, tìm toàn chuỗi</b><br>");
var chuoigocba  = "web mới thiết kế web";
document.write(chuoigocba.indexOf("website")); // Kết quả: -1 vì không tìm được chuỗi cần tìm
</script>

Kết quả:

Tìm vị trí xuất hiện của từ web, bắt đầu tìm từ vị trí 1
17
Tìm vị trí xuất hiện của từ web, bắt đầu tìm từ vị trí 0
0
Tìm vị trí xuất hiện của từ web, tìm toàn chuỗi
0
Tìm vị trí xuất hiện của từ website, tìm toàn chuỗi
-1

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Hàm indexOf() trong JavaScript.