zoukankan      html  css  js  c++  java
  • find、findIndex、indexOf、lastIndex、includes 数组五种查询条件方法介绍

    find() 方法返回数组中满足提供的测试函数的第一个元素的值。

    语法: arr.find(callback[, thisArg])

    findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。否则返回-1。

    语法: arr.findIndex(callback[, thisArg])

    indexOf()方法返回在数组中可以找到给定元素的第一个索引,如果不存在,则返回-1。

    语法: arr.indexOf(searchElement)

             arr.indexOf(searchElement[, fromIndex = 0])

    lastIndexOf() 方法返回指定元素(也即有效的 JavaScript 值或变量)在数组中的最后一个的索引,如果不存在则返回 -1。从数组的后面向前查找,从 fromIndex 处开始。

    语法: arr.lastIndexOf(searchElement[, fromIndex = arr.length - 1])

    includes() 方法用来判断当前数组是否包含某指定的值,如果是,则返回 true,否则返回 false。

    语法: arr.includes(searchElement)

             arr.includes(searchElement, fromIndex)

    例一、find()方法 查找数组中第一个大于等于15的元素

    1
    2
    3
    4
    var num = [10,3,5,15,100,1].find(function(elem, index){    
        return elem>=15;
    });
    console.log(num)     // 15

    例二、findIndex() 查找数组中第一个大于等于15的元素的位置(索引)

    1
    2
    3
    4
    var num = [10,3,5,15,100,1].findIndex(function(elem, index){    // 15
        return elem>=15;
    });
    console.log(num)     // 3

    例三、indexOf () 查找5所在的位置,默认索引位置从零开始

    1
    2
    3
    [0,1,2,3,4,5,6].indexOf(5);    // 5    从索引0的位置往后查找
    [0,1,2,3,4,5,6].indexOf(5,5);  // 5
    [0,1,2,3,4,5,6].indexOf(5,10); // -1   从索引10的位置往后查找

    例四、lastIndexOf() 查找5所在的位置,默认索引位置当前数组长度减一

    1
    2
    3
    4
    [0,1,2,3,4,5,6].lastIndexOf(5);       // 5   从索引位置数组长度减一向前查找
    [0,1,2,3,4,5,6].lastIndexOf(5, 6);    // 5
    [0,1,2,3,4,5,6].lastIndexOf(5, 10);   // 5
    [0,1,2,3,4,5,6].lastIndexOf(5, 1);    // -1   从索引1的位置向前查找

    例五、includes

    1
    2
    3
    [0,1,2,3,4,5,6].includes(5);                 // true     从索引0位置往后查找是否存在5元素,是
    [0,1,2,3,4,5,6].includes(10);                // false
    [0,1,2,3,4,5,6].includes(5,10);              // false    从索引10位置往后查找是否存在10元素,否
  • 相关阅读:
    druid:阿里巴巴开源,数据库连接池管理
    各JAVA开发框架版本及对应信息
    各版本区别
    MyBatis 知识点
    java的关键字:static、final
    请求转发(Forward)和重定向(Redirect)的区别
    Spring 向页面传值以及接受页面传过来的参数的方式
    Spring 框架中 ModelAndView、Model、ModelMap 的区别
    Connection: keep-alive,Content-Length,Transfer-Encoding: chunked,Content-Encoding: gzip等
    git 报错及解决
  • 原文地址:https://www.cnblogs.com/big-orange/p/6524197.html
Copyright © 2011-2022 走看看