前端开发中获取数组元素索引号

最新推荐文章于 2024-04-03 13:10:23 发布
最新推荐文章于 2024-04-03 13:10:23 发布
阅读量1.4k 收藏 2
点赞数
分类专栏： 前端学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44628177/article/details/119036296
版权

两种形式

1.indexOf 从正方向开始查找
2.lastindexOf 从反方向开始查找

代码如下

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //返回数组元素索引号方法  indexOF（数组元素） 作用是返回该数组元素的索引号 从前面开始查找
        //只返回第一个满足条件的索引号
        //如果在数组中找不到元素，则返回-1
        var arr = ['red', 'blue', 'black', 'pink', 'green', 'blue'];
        console.log(arr.indexOf('blue')); //1
        console.log(arr.indexOf('homg')); //-1

        //返回数组元素索引号方法  lastIndexOf（数组元素） 作用是返回该数组元素的索引号 从后面开始查找

        console.log(arr.lastIndexOf('green')); //4
    </script>
</head>

<body>

</body>

</html>
爱前端的小张
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js中利用tagname和id获取元素的方法
11-24
在JavaScript（JS）中，获取页面上的特定元素是前端开发中的基本操作。本文将介绍三种利用`tagName`和`id`获取元素的方法。这些方法在处理网页交互和动态更新内容时非常有用。以下是对每种方法的详细说明： 1. **...
js删除数组中指定元素
05-26
1. **基本操作：删除数组元素** JavaScript 提供了多种方式来删除或移除数组中的元素： - **`splice()`方法**：这是最直接的方法，可以删除指定位置的元素或多个元素。例如，要删除第一个匹配到的元素，我们可以...
【数组】1 查找序列元素（数组）
windyuan~
02-04 345
问题描述 : 使用数组编程： 一群学生排成一行，输入一个学号，请确定该学号学生所在的位置。 输入说明 : 第一行输入学生信息： 第一个整数n(0<=n<=100)，表示共有n个学生，其后有n个整数，表示n个学生的学号 第二行及以后各行，每行输入一个整数，表示要查找的学生学号。 输出说明 : 对于每个要查找的学号，输出一个整数，表示要查找学生的位置。如果共有n个学生，则位置序号为1~n。 如果学生不存在，输出“no”，不包括双引号。 每个输出占一行。 输入范例 : 12
JavaScript 根据对象某个属性获得其在数组中的索引值
徐三岁的博客
04-25 4277
JavaScript 根据对象某个属性获得其在数组中的索引值 let arr = [{"name": "aaa", "id": 1}, {"name": "abc", "id": 2}]; let index = arr.findIndex(item => item.name === "abc"); console.log(index);//1
js数组获取index_HarmonyOS系统中的JS开发框架
weixin_40004051的博客
11-20 154
HarmonyOS开源至今已经一个多月，源码托管在国内知名开源平台码云上，https://gitee.com/openharmony。我最感兴趣的就是JS 框架 ace_lite_jsfwk，从名字中可以看出来这是一个非常轻量级的框架，官方介绍说是“轻量级 JS 核心开发框架”。当我看完源码后发现它确实轻。src 目录中一共有 4 个目录，总计 8 个文件。其中 1 个是单元测试，还有 ...
JavaScript数组方法之 —— fill()、find()、findIndex()、indexOf()、lastIndexOf()
z1324402468的博客
07-05 2781
1、fill() fill() 方法用于将一个固定值替换数组元素。 语法： array.fill(value,start,end); 参数： 参数 描述 value 必须。填充值。 start 可选，开始填充位置 end 可选，停止填充位置（默认为arr.length） 例子： var arr = [ 1, 2, 3, 4, 5, 6 ]; arr.fill(1...
JavaScript 获取数组元素索引方法
热门推荐
m0_55201788的博客
01-10 1万+
返回数组元素索引号方法 indexOf(数组元素) 作用就是返回该数组元素的索引号 从前面开始查找 （1）它只返回第一个满足条件的索引号 （2）它如果在该数组里面找不到元素，则返回的是 -1 // var arr = ['red', 'green', 'blue', 'pink', 'blue']; var arr = ['red', 'green', 'pink']; console.log(arr.indexOf('blue'));// ...
前端开发者必知必会JavaScript数组
Python专栏
05-22 98
数组就是一组数据的集合，用中括号 []表示，数组也是一种数据类型，属于复杂数据类型Array，数组里面的数据排列是按照一定顺序排列的，也叫有序的数据集合，数组里面所有数据的排列都是按照序号进行排列的，我们管 "序号" 叫做 索引 或者 下标，索引: 从0开始, 依次+1。复杂数据类型赋值，复杂数据类型赋值的时候, 是把变量内存储的地址进行赋值，赋值以后, 两个变量操作的是一个存储空间，任意一个变量去改变存储空间内的数据, 另一个变量看到的一样是改变以后的。如果数组有该索引位置, 那么就是该索引位置的数据。
Web前端开发技术-数组基本操作.pptx
07-07
在Web前端开发中，数组是一种重要的数据结构，用于存储一系列有序的数据。本篇文章将深入探讨数组的基本操作，包括创建、访问、遍历以及一些高级操作，如获取最大值和转换为字符串。 首先，我们来看如何创建数组。...
PHP、web前端开发-数组的常用操作.pptx
12-16
然而，如果已有数组元素的索引不是连续的，那么添加新元素后，中间的空位不会自动填充。 **删除元素(DELETE)** 删除数组中的元素，可以使用`unset()`函数。例如，要删除值"C"，可以执行： ```php unset($A[2]); `...
JavaScript 获取元素在父节点中的下标(推荐)
10-19
在jQuery中，我们可以方便地使用`$(this).index()`来获取元素在父节点同级元素中的索引位置。然而，在原生JavaScript中，我们需要采取不同的策略来实现这一功能。 首先，我们要明白原生JavaScript的DOM API并不直接...
获取数组对应值的索引值-es6（findeIndex）方法
WebView
07-19 6266
1、期望： 我们在操作数组的时候，需要获取所目标值的索引值，然后进行相应的操作。 2、在es6中提供了这种方法，findIndex; 3、 定义和用法 findIndex() 方法返回传入一个测试条件（函数）符合条件的数组第一个元素位置。 findIndex() 方法为数组中的每个元素都调用一次函数执行： 当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置，之后的值不会再调用执行函数。 如果没有符合条件的元素返回 -1 注意: findIndex() 对于空
js中如何获取数组索引号
a1071626267的博客
06-28 2224
js中如何获取数组索引号
查找某个元素在数组中对应的索引
算法与编程之美
11-01 1791
1 问题已知一个数组内元素为 { 19, 28, 37, 46, 50 } 。用户输入一个数据，查找该数据在数组中的索引，并在控制台输出找到的索引值，如果没有查找到，则输出 -1。2 方法首先定义一个数组，在键盘录入要查找的数据，用一个变量接收。再定义一个变量，初始值为-1。遍历数组获取数组中的每一个元素。然后将键盘输入的数据和数组中的每一个元素进行比较，如果值相同就把该值对应的索引赋值给索引变量...
HTML数组序号,javascript数组下标从几开始？
weixin_29514317的博客
06-10 4199
数组是javascript中的一个重要组成部分，那么在javascript中数组的下标从几开始？下面本篇文章就来给大家介绍一下，希望对大家有所帮助。javascript数组下标是从0开始的。那么为什么数组的下标是从0开始，而不是从1开始呢？从1开始不是更符合人们的习惯么。数组(Arrary)是一种线性表数据结构。它用一组连续的内存空间，来存储一组具有相同类型的数据。从数组存储的内存模型上来看，“下...
二分法查找数组中所需的特定数以及序列号
qq_64337776的博客
03-20 652
假设数组a中的数据是按由小到大的顺序排列的：-12 0 6 16 23 56 80 100 110 115， 从键盘上输入一个数，判定该数是否在数组当中，若在，输出该数并输出其序号。
JavaScript基础(七)(数组)，前端开发提升
最新发布
2401_84092398的博客
04-03 873
总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。点击这里领取Web前端开发经典面试题体系化！**[外链图片转存中…(img-z4kX8O4v-1712120981768)]
js Array indexOf() findIndex 查询元素索引方法
seimeii的博客
03-23 2136
js Array indexOf() findIndex 查询元素索引方法
前端学习笔记1
weixin_45838641的博客
09-02 476
前端基础-js 2.1 let const var 相关 参考答案： var ——ES5 变量声明方式 在变量未赋值时，变量undefined（为使用声明变量时也为undefined） 作用域——var的作用域为方法作用域；只要在方法内定义了，整个方法内的定义变量后的代码都可以使用 let——ES6变量声明方式 在变量为声明前直接使用会报错 作用域——let为块作用域——通常let比var 范围要小 let禁止重复声明变量，否则会报错；var可以重复声明 const——ES6变量声明方式 con
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值