js专题-数组查找

最新推荐文章于 2024-07-01 06:00:00 发布

原创最新推荐文章于 2024-07-01 06:00:00 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

前端js 专栏收录该内容

5 篇文章

订阅专栏

本文聚焦于JavaScript数组查找方法。介绍了indexOf方法，可返回首个满足条件的索引，还能指定起始下标；find方法通过传入函数返回首个满足条件的数据，需判断是否为undefined；includes方法用于判断数组是否包含某值，返回布尔值。

4、数组查找

4.1. indexOf方法

indexOf：返回数组中第一个满足条件的索引(从0开始), 不满足返回-1。

4.1.1. 只有一个参数的情况，参数表示要查找的元素。

var arr = ['1','2','3'];
var checkElement1 = arr.indexOf('2');
var checkElement2 = arr.indexOf('4');
console.log(checkElement1); //  1
console.log(checkElement2); // -1

在这里插入图片描述
4.2. 两个参数的情况，第一个参数表示要查找的元素，第二个参数表示开始查找的下标位置。

var arr = ['1','2','3'];
var checkElement1 = arr.indexOf('2', 1); // 从下标为0的位置开始查找元素‘2’
var checkElement2 = arr.indexOf('2', 2); // 从下标为2的位置开始查找元素‘2’
console.log(checkElement1); //  1
console.log(checkElement2); // -1

在这里插入图片描述

4.2. find方法

find：传参是一个函数，返回数组中第一个满足条件的数据，不满足返回undefined；使用find方法后，要对查询到的数据进行undefined的判断，才能正常使用数据。

4.2.1.数组为非空数组。

var arr = ['1','2','3'];
var findData1 = arr.find(val => val === '2'); // 查找元素值为‘2’的数据
var findData2 = arr.find(val => val === '4'); // 查找元素值为‘4’的数据
console.log(findData1); //  '2'
console.log(findData2); // undefined

在这里插入图片描述
4.2.2. 数组为空数组，查询结果返回undefined。

var arr = [];
var findData1 = arr.find(val => val === '2'); // 查找元素值为‘2’的数据
var findData2 = arr.find(val => val === '4'); // 查找元素值为‘4’的数据
console.log(findData1); //  undefined
console.log(findData2); // undefined

在这里插入图片描述

4.3. includes方法

includes：判断数组是否包含某值，返回 true 或 false。

var arr = ['1','2','3'];
var includeData1 = arr.includes('2'); // 查找数组是否存在元素值为‘2’的数据
var includeData2 = arr.includes('4'); // 查找数组是否存在元素值为‘4’的数据
console.log(includeData1); // true
console.log(includeData2); // fasle