美文网首页
JS查找元素

JS查找元素

作者: 綪比纸薄 | 来源:发表于2020-04-11 17:07 被阅读0次
  • indexOf, lastIndexOf
  • includes // es7
  • some
  • every
  • find, findIndex // es6
  • filter // es5

indexOf, lastIndexOf

返回数组中和参数相等的元素的位置, 如果没有 返回 -1
indexOf 从左向右查找, lastIndexOf 从右向左查找

let arr = [1, 2, 3, 4, 5, 5]
arr.indexOf(5) // 4

includes

判断一个数组是否包含一个指定的值,根据情况,如果包含则返回 true

arr.includes(5) // true

some

测试数组中是不是至少有1个元素通过了被提供的函数测试

arr.some((item, index, arr) => item === 5) // true

every

测试一个数组内的所有元素是否都能通过某个指定函数的测试

arr.every((item, index, arr) => {
  return item > 0
})  // true

filter

filter 返回所有符合条件的元素, 并存放在数组内, 可以通过判断 数组的长度 来确定是否存在一个元素

let find = arr.filter((item, index, arr) => {
  return item === 5
})
find  // [5, 5]

find,findIndex

返回符合条件的第一个元素并且停止查找, 如果没有就返回undefined
find 的条件函数只有一个参数(当前循环的值)

let find = arr.find(item => {return item === 5})
find // 5
let find = arr.find(item => {return item === 5})
find // 4

相关文章

  • JS查找元素

    indexOf, lastIndexOf includes // es7 some every find, fin...

  • dom社会

    ‘’‘js Dom: 操作页面元素(增删改查) 1.查找: // 一.通过元素间的关系查找 // ...

  • 原生JS封装查找元素节点的方法

    原生JS封装查找父元素节点的方法 原生JS封装查找兄弟元素节点的方法 插入子节点方法 12 2 divsiv...

  • HTML DOM的增删改查总结(查找)

    查找 HTML 元素 1. 原生js 通过 id 查找 HTML 元素 通过标签名找到 HTML 元素 通过类名找...

  • js寻找在视口内的元素-二分查找

    通过线性查找检索出现在视口内的元素,效率较低 比如 js寻找在视口内的元素-线性查找 对100个元素进行查找,需要...

  • Dom中的查找

    ‘’‘js Dom: 操作页面元素(增删改查) 1.查找: 一.通过元素间的关系查找 1)父子关系 ...

  • Anjularjs简介

    一. jS类库 jQuery是一个js函数库,操作思路仍然是DOM操作思路:先查找元素,再操作元素 jQueryU...

  • JS查找数组指定元素

    查找数组指定元素 ES6 findIndex findIndex它会返回数组中满足提供的函数的第一个元素的索引,否...

  • js元素间的查找关系

    通过元素间的查找关系 1)父子关系 parentElement 查找一个元素的父元素 children 查找一个元...

  • 2020 算法列表查找

    列表查找 在列表中查找指定元素。 输入为列表和要查找的元素 输出元素下标或未查找到元素 顺序查找 从列表第一个元素...

网友评论

      本文标题:JS查找元素

      本文链接:https://www.haomeiwen.com/subject/qykumhtx.html