js获取数组元素下标
时间: 2023-12-02 09:04:07 浏览: 393
要获取数组元素的下标,你可以使用JavaScript中的`indexOf()`方法或者通过遍历数组的方式来实现。
1. 使用`indexOf()`方法:
```javascript
var arr = [10, 20, 30, 40, 50];
var element = 30;
var index = arr.indexOf(element);
console.log(index); // 输出:2
```
这里我们使用`indexOf()`方法来查找元素`30`在数组`arr`中的下标。如果元素存在于数组中,则该方法会返回它的下标;否则,返回-1。
2. 遍历数组:
```javascript
var arr = [10, 20, 30, 40, 50];
var element = 30;
var index = -1;
for (var i = 0; i < arr.length; i++) {
if (arr[i] === element) {
index = i;
break;
}
}
console.log(index); // 输出:2
```
这里我们通过遍历数组,逐个比较数组元素与目标元素,如果找到相等的元素,则将其下标赋值给`index`变量。如果整个数组都遍历完还未找到目标元素,则`index`的值仍为-1。
希望这些代码可以帮到你!如果有任何疑问,请随时提问。
相关问题
js获取元素的数组下标
### JavaScript 中获取数组元素索引的方法
#### 使用 `indexOf` 方法
`indexOf` 是一种用于查找指定元素首次出现位置的方法。此方法会从数组的开头向后遍历并寻找给定值的位置,一旦找到即刻返回其对应的下标;倘若未能发现匹配项,则给出 `-1` 表示未查到。
对于如下定义的一个颜色字符串类型的数组:
```javascript
var colors = ['red', 'green', 'blue', 'pink', 'blue'];
```
当尝试定位 `'blue'` 这一成员时,`colors.indexOf('blue')` 将输出 `2`,因为这是第一次遇见 `'blue'` 所处之处[^1]。
而查询不存在于列表内的项目比如 `'yellow'` ,则得到的结果将是 `-1` 。
#### 使用 `lastIndexOf` 方法
不同于 `indexOf` 从前至后的检索模式,`lastIndexOf` 可以实现自末端向前追溯相同目标的过程。同样地,在遇到首个符合条件的对象之后立即终止搜索流程,并且回馈它所占据的确切位序。假如全程均无对应实体存在的话,依旧反馈 `-1` 告知调用者失败状况。
继续沿用前述的颜色集合实例:
```javascript
console.log(colors.lastIndexOf('blue')); // 输出结果为 4
```
这里显示的是第二次也是最后一次出现 `'blue'` 的地方位于索引 `4` 上[^2]。
js获取数组删除元素的原下标
可以使用数组的 indexOf 方法来获取元素的下标,然后再使用数组的 splice 方法来删除元素。示例代码如下:
```javascript
const arr = [1, 2, 3, 4, 5];
const index = arr.indexOf(3); // 获取元素3的下标
if (index !== -1) {
arr.splice(index, 1); // 删除元素3
}
console.log(arr); // [1, 2, 4, 5]
```
在这个示例中,我们先使用 indexOf 方法获取元素3的下标,如果元素存在则将其删除。最后输出修改后的数组。
阅读全文
相关推荐
















