获取索引 vanilla js - Javascript

在 Javascript 中，我们经常需要访问一个数组或者字符串中特定位置的元素。为了做到这个目的，我们需要获取这个元素的索引值。在本文中，我们将介绍如何在 Javascript 中获取一个元素的索引值。

获取数组中元素的索引

indexOf() 方法

Javascript 中提供了一个内置方法叫做 indexOf()，可以返回指定元素在数组中的索引。如果元素不存在于数组中，那么 indexOf() 方法将返回 -1。

const arr = ['apple', 'banana', 'orange'];
const index = arr.indexOf('banana');
console.log(index); // 1

findIndex() 方法

还有另一个方法 findIndex()，它可以让我们使用一个 callback 来查找数组中的元素，并且返回它的索引。如果元素不存在于数组中，那么 findIndex() 方法将返回 -1。

const arr = [
  { id: 1, value: 'apple' },
  { id: 2, value: 'banana' },
  { id: 3, value: 'orange' }
];
const index = arr.findIndex((item) => {
  return item.value === 'banana';
});
console.log(index); // 1

获取字符串中字符的索引

charAt() 方法

在 Javascript 中，字符串可以像数组一样被索引。我们可以使用 charAt() 或者 [index] 来获取字符串中特定索引位置的字符。如果要获取最后一个字符，可以使用字符串的 length - 1 作为索引值。

const str = 'Hello World';
const index = str.charAt(4);
console.log(index); // o

indexOf() 方法

字符串同样也可以使用 indexOf() 方法来查找一个特定字符或者子字符串，并返回它的索引值。如果该字符或者子字符串不存在于字符串中，则该方法会返回 -1。

const str = 'Hello World';
const index = str.indexOf('o');
console.log(index); // 4

总结

在本文中，我们介绍了在 Javascript 中获取数组和字符串中元素的索引的多种方法。无论您是想获取一个特定数组元素或者一个特定字符串字符的索引，这些方法都可以帮助您实现。