JavaScript String indexOf()用法及代碼示例

const message = "JavaScript is not Java";

// returns index of 'v' in first occurrence of 'va'
const index = message.indexOf("va");

console.log('index: ' + index);  // index: 2

indexOf() 語法

用法:

str.indexOf(searchValue, fromIndex)

在這裏，str 是一個字符串。

參數：

indexOf() 方法包含：

• searchValue- 要在字符串中搜索的值。如果沒有明確提供字符串，"undefined"將被搜索。
• fromIndex(可選)- 開始搜索的索引。默認情況下是0.如果從索引 < 0, 搜索從索引開始0.

返回：

• 如果它至少出現一次，則返回字符串中值的第一個索引。
• 返回-1如果在字符串中找不到該值。

注意： indexOf()方法區分大小寫。

對於小於字符串長度的空字符串 searchValue 和 fromIndex，indexOf 返回與 fromIndex 相同的值。

同樣，對於大於字符串長度的空字符串searchValue 和fromIndex，indexOf 返回字符串的長度。

"Programiz JavaScript".indexOf("", 0); // returns 0
"Programiz JavaScript".indexOf("", 3); // returns 3

// string length here is 20
"Programiz JavaScript".indexOf("", 25); // returns 20
"Programiz JavaScript".indexOf("", 21); // returns 20

示例 1：使用 indexOf() 方法

var str = "JavaScript is the world's most misunderstood programming language.";

// indexOf() returns the first occurance
var index1 = str.indexOf("language");
console.log(index1); // 57

var index2 = str.indexOf("p");
console.log(index2); // 8

// second argument specifies the search's start index
var index3 = str.indexOf("p", 9);
console.log(index3); // 45

// indexOf returns -1 if not found
var index4 = str.indexOf("Python");
console.log(index4); // -1

輸出

57
8
45
-1

示例 2：查找元素的所有出現

function findAllIndex(string, value) {
  indices = [];
  var currentIndex = string.indexOf(value);
  while (currentIndex != -1) {
    indices.push(currentIndex);
    currentIndex = string.indexOf(value, currentIndex + value.length);
  }
  return indices;
}

var str = "JavaScript is as related to Java as Carpenter is to Carpet.";

var occurance1 = findAllIndex(str, "J");
console.log(occurance1); // [ 0, 28 ]

var occurance2 = findAllIndex(str, "Carpet");
console.log(occurance2); // [ 52 ]

var occurance3 = findAllIndex(str, "x");
console.log(occurance3); // []

輸出

[ 0, 28 ]
[ 52 ]
[]

• JavaScript 字符串
• String lastindexof