js数组查找元素常用方法总结

最新推荐文章于 2024-06-17 04:25:23 发布
最新推荐文章于 2024-06-17 04:25:23 发布
阅读量3k 收藏 5
点赞数 1
分类专栏： javascript 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JiaLiBai/article/details/104972551
版权

JS数组查找元素常用方法总结

indexOf(value,start)

返回元素所在下标 不存在返回-1
value：查找元素
start：开始查找的位置下标 默认为0 当start为负数时表示从该负数对应的下标元素向后查找 (数组最后一位元素的下标用负数表示为-1 倒数第二位元素表示为-2…以此类推)
例子：
在这里插入图片描述

includes(value,start)

判断元素是否存在 返回true/false
value：查找元素
start：开始查找的位置下标 默认为0 当start为负数时表示从该负数对应的下标元素向后查找 (数组最后一位元素的下标用负数表示为-1 -2对应倒数第二位元素…一次类推)
例子：
在这里插入图片描述

find(fun,obj) 不推荐

返回第一个符合条件的数组成员 没有返回undefined
fun：回调函数 参数 value：当前元素 index：当前元素下标 array：数组
obj：指定回调函数的对象(可不传)
例子：
在这里插入图片描述

findIndex(fun,obj) 不推荐

返回第一个符合条件的数组成员的位置，如果所有成员都不符合条件，则返回-1。
例子：
在这里插入图片描述

关键字in 不推荐

判断元素是否存在于数组/对象 返回true/false
例子：
在这里插入图片描述

不推荐find findIndex in的原因

会把Number和String相互转换
在这里插入图片描述

array.findIndex(function(value,index,array){
    return value == '7'
})
//6
一颗努力的白菜
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
JS基础（3）---数组的常用方法
dunhuang的博客
02-05 242
JS数组的常用方法有 join --> 将数组转化为字符串 unshift --> 在数组的开头添加元素 shift --> 删除数组的开头第一个元素 push --> 在数组的末尾添加元素 pop --> 删除数组的最后一个元素 三个高阶函数： map、filter、 reduce 点击这里可以看上述高阶函数具体介绍 这里我们介绍一下基础的数组常用方法 1.join join()方法是将数组转化为字符串，使用为array.join()，通常我们使用空字符串
js根据条件取出数组中对应项
文龙刚的博客
03-24 373
【代码】js根据条件取出数组中对应项。根据条件去数组中查找对应的结果
js 取得没有value值的值 如值
huozhicheng的专栏
09-08 1803
<br />js 取得没有value值的值 如<h2>值</h2><br />使用js取得一些html元素中没有value的值，比如<lable></lable>、<h1></h1>，也就是说，取得元素<**><**/>之间的值<br />有两种方法<br /><lable id="bt"></lable><br />1.document.getElementById("bt").innerHTML="油田提交情况查询";<br />2.document.getElementById("bt").inner
前端开发：JS中查找数组的目标元素方法find()、findIndex()的使用
最新发布
2401_85124837的博客
06-17 911
返回值返回值返回符合测试条件的第一个数组元素值，如果没有符合条件的则返回。4、用法find() 方法为数组中的每个元素都调用一次函数执行：当数组中的元素在测试条件时返回true时, find() 返回符合条件的元素，之后的值不会再调用执行函数；如果没有符合条件的元素返回 undefined。5、注意事项（1）find() 对于空数组，函数是不会执行的；（2）find() 并没有改变数组的原始值。6、使用实例。
JS 使用find 查找数组中某个元素
高压锅博客
08-18 3545
find()方法用于查找数组中符合条件的第一个元素，如果没有符合条件的元素，则返回undefined。
javascript 中搜索数组的四种方法
CRMEB小程序商城的博客
05-18 2万+
前端经常要通过 javaScript 来处理数组中的数据，其中就包括检查数组中是否包含满足特定搜索条件的单个或者多个值，这就需要我们关于用于确认的布尔值、数组中值得位置索引或包含所有搜索结果的单独数组等。 在 ECMAScript6 之前，最常用的方法就是通过 for 循环来遍历数组中的所有项目并对项目执行操作。现在我们可以通过内置的使用方法来完成在数组中搜索值的常见任务。 本文将介绍 Array.includes()、Array.indexOf()、Array.fiind() 和 Array.filter
js代码-js数组查找元素 find() 方法，只返回第一个匹配元素
07-16
本篇将详细讲解`find()`方法，它是JavaScript数组原型上的一种方法，用于查找数组中符合指定条件的第一个元素，并返回该元素。 `find()`方法的基本语法如下： ```javascript array.find(callback(currentValue[, ...
谈谈JavaScript数组常用方法总结
10-20
本文将深入探讨JavaScript数组的一些常用方法，帮助开发者更好地理解和应用这些方法。 1. **增加数据** - `push()` 方法用于向数组末尾添加一个或多个元素，并返回新的数组长度。例如： ```javascript var arr =...
js数组与字符串常用方法总结
11-30
在JavaScript中，数组和字符串是两种非常基础且重要的数据类型。它们各自有一系列的方法来处理和操作数据...以上就是JavaScript中字符串和数组的常用方法，理解并熟练运用这些方法，对于编写高效、简洁的代码至关重要。
js代码-js数组查找元素 findIndex() 方法，返回第一个匹配元素下标
07-16
总结来说，`findIndex()`是JavaScript中查找数组元素的一个强大工具，尤其适用于需要根据特定条件查找元素的情况。通过灵活运用回调函数和与其他数组方法的组合，我们可以处理各种复杂的查找需求。在实际编程中，...
JS数组求和的常用方法实例小结
10-17
- **《JavaScript数组操作技巧总结》** - **《JavaScript字符与字符串操作技巧总结》** - **《JavaScript遍历算法与技巧总结》** - **《JavaScript排序算法总结》** - **《JavaScript查找算法技巧总结》** - **...
JS实现数组的增删改查操作示例
10-18
主要介绍了JS实现数组的增删改查操作,结合实例形式分析了javascript针对数组的追加、获取、删除、添加、修改等常见操作技巧与相关注意事项,需要的朋友可以参考下
jquery 数组和字典
IT过客的博客
09-24 204
1 数组的创建 var arrayObj = new Array();　//创建一个数组 var arrayObj = new Array([size]);　//创建一个数组并指定长度，注意不是上限，是长度 2 对数组的循环 $.each(object,fucntion(num,item){ alert(num);//数组下标 alert(item);//...
JavaScript数组
m0_72313625的博客
08-05 2337
JavaScript 数组用于在单一变量中存储多个值，数组是一种特殊的变量，它能够一次存放一个以上的值。数组当中首先就是数组的创建方式，然后就是遍历数组中的元素，根据要求生成新的数组，最后就是增加数组元素，以及熟练掌握和理解冒泡排序的思路和书写方法...
JavaScript中获取表单元素得value的两种方法
re_raise的博客
08-26 3434
下面以一个简单的计算加法的例子来说明两种方法 1.通过表单元素的id属性 test01 function calculate(){ var a=parseInt(document.getElementById("a").value); var b=parseInt(document.getElementById("b").value); var res
JS获取元素属性和自定义属性
热门推荐
马优晨
09-14 16万+
昨天有同事问我，怎么获取自定义元素的属性，我意识到这个确实是个 问题，所有总结一下自己的心得。 获取元素的属性分为两种类型：1-获取元素常见的属性（class,id,type,value……）2-获取自定义的元素的属性（data-value,data-mess…….）获取元素的属性，设置元素的属性： 1-原生JS** 设置属性 .setAttribute("属性","值")
js中数组方法合集
north_katydid的博客
03-21 3954
1、查找数组中包含指定元素的个数 countNum(arr,res) { let newArrays = arr.filter((item)=>{ return item == res; }); return newArrays.length; }, console.log(countNum(['1','2','1','3'] , '1')) // 2
autojs pro采用递归的方式，遍历所有子控件的源码分享
feiyunjs的博客
07-11 1万+
程序调用自身的编程技巧称为递归（ recursion）。递归做为一种算法在程序设计语言中广泛应用。 一个过程或函数在其定义或说明中有直接或间接调用自身的一种方法，它通常把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解，递归策略只需少量的程序就可描述出解题过程所需要的多次重复计算，大大地减少了程序的代码量。递归的能力在于用有限的语句来定义对象的无限集合。一般来说，递归需要有边界条...
js 根据 数组条件 简单查询的方法临时保存
anjiye7641的博客
08-28 200
let array = [{ date: '2016-05-02', name: 'Ethan', status: 'success', total: '81' }, { date: '2016-05-04', name: 'Lynn', ...
js代码-js数组查找元素 find() 方法,只返回第一个匹配元素
04-29
JS数组查找元素是开发中经常使用的一种操作，而find()方法是其中比较常用的一种方式。这个方法通过遍历数组找出符合条件的第一个元素，但是只会返回第一个匹配元素，不会返回其他匹配元素。因此，在使用find()方法时...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值