查找元素在数组中的位置，有三种方式：
◇ 从前往后查找。数组的indexOf(value)从0开始向后查找value在数组中的位置，如果存在，返回value对应的索引，如果不存在，返回-1。
◇ 从后往前查找。数组的lastIndexOf(value)从数组最后一个元素开始向前查找value在数组中的位置，如果存在，返回value对应的索引，如果不存在，返回-1。
◇ 按条件查找数组元素。数组的find(callback)从前往后依次调用callback()函数，当callback()函数返回true时，find()函数返回该元素，没有找到满足条件的元素时，返回undefined。
1.indexOf(value)
使用indexOf()函数查找元素按照以下规则：
◇ 如果value存在于数组中，返回与value全等的元素的索引。
◇ 索引从0开始，如果存在，返回-1。
◇ indexOf(value)使用全等（===）进行比较。
9.4.5.html使用indexOf(value)函数从前往后查找value在数组中的位置，如下所示。
动手写9.4.5
执行9.4.5.html，输出结果到网页，如下图所示。
图9.4.5 indexOf(value)查找元素值是否存在于数组中
2.lastIndexOf(value)
lastIndexOf()的查找标准和indexOf()的一样，不过前者是从后往前查找。
9.4.6.html使用lastIndexOf(value) 从后往前查找value在数组中的位置，如下所示。
动手写9.4.6
执行9.4.6.html，输出结果到网页，如下图所示。
(www.chuimin.cn)
图9.4.6 lastIndexOf(value)查找元素值是否存在于数组中
indexOf()和lastIndexOf()是根据值查找，find(callback)和findIndex(callback)支持按照条件查找。
提示
使用indexOf(value)和lastIndexOf(value)查找数组元素时，按照全等（===）比较数组元素与value。
3.find(callback)
find()函数接收callback参数，callback参数是一个回调函数。find()函数从前往后依次使用数组元素调用callback回调，直到callback返回true时停止调用。callback()接收三个参数，格式如下：
callback()参数说明如下：
◇ element：数组元素。
◇ elementIndex：数组元素对应的索引。
◇ array：数组本身。
可以将callback回调当作数组元素的测试函数，如果callback返回true，表示该元素通过测试，此时find()函数停止调用callback并返回该元素；如果所有元素调用callback，都没有返回true，也就意味着没有元素通过测试，find()函数返回undefined。
9.4.7.html使用find()函数查找元素索引为基数的元素，如下所示。
动手写9.4.7
执行9.4.7.html，输出结果到网页，如下图所示。
图9.4.7 find(callback)按条件查找元素
数组还提供了一个与find()类似的findIndex()函数。不同的是，某个元素调用callback通过测试时，findIndex()返回该元素的索引，如果所有元素都没有通过测试，findIndex()返回-1。
有关零基础JavaScript从入门到精通的文章
图10.4.1使用indexOf()查找子字符串2.lastIndexOf()方法lastIndexOf()函数与indexOf()函数类似，区别是lastIndexOf()从后往前搜索子字符串，有则返回第一个字符的下标，没有则返回-1，语法如下：参数说明：◇ str：表示字符串、字符串变量或字符串对象。图10.4.3使用includes()判断是否包含指定子字符串4.replace()函数查找字符串常常和替换字符串一起出现。动手写10.4.4执行10.4.4.html，输出结果到网页，如下图所示。......
2023-11-08
若在表中找不到与给定条件相符合的数据，则称为不成功的查找，给出提示信息或空位置信息。本节介绍最常用的两种查找方法：顺序查找和折半查找。③基准位置数据值与查找的关键字值不相符时，在两个子集合中选取一个，重复执行①、②，直到被处理的查找集合中没有数据为止。图6.11是在一有序序列中实现对key＝21进行折半查找的过程。......
2023-11-20
图14.4.6使用node.appendChild在末尾追加子节点2.insertBefore()使用node.insertBefore将子节点插入到指定子节点之前，语法如下：参数说明：◇ parentNode：表示父节点。图14.4.7使用node.insertBefore插入子节点提示使用appendChild()和insertBefore()方法添加子节点，如果newChildNode已经存在于DOM树形结构中，则newChildNode会先从原始位置移除。动手写14.4.8执行14.4.8.html，输出结果到网页，如下图所示。图14.4.8模拟实现insertAfter插入节点如果refChild节点有下一个兄弟节点，则在该兄弟节点前插入新节点，否则在最后追加新节点。......
2023-11-08
使用node.replaceChild将旧的子节点oldChildNode替换为新的子节点newChildNode，并返回被替换的子节点，语法如下：参数说明：◇ parentNode：表示父节点。◇ oldChildNode：必选参数，表示要被替换的子节点。oldChildNode必须是parentNode的直接子节点。动手写14.4.12执行14.4.12.html，输出结果到网页，如下图所示。图14.4.12使用node.replaceChild替换节点提示使用newChildNode替换oldChildNode时，如果newChildNode已经存在于DOM树结构中，则newChildNode会先从原始位置移除。......
2023-11-08
使用Array()和new Array()创建数组，返回结果一致。当调用Array()函数创建数组，有且只有一个参数，并且参数是自然数时，新数组以该参数作为数组长度，比如上述示例中的Array返回一个长度为2的一维数组。图9.2.2使用Array()构造函数创建数组提示数组new Array转换为字符串显示到网页时是“[null,null]”，这是因为序列化函数JSON.stringify()使用null表示不存在的元素，与new Array对应的字符串形式是“[,,]”，即数组的长度为2，但是没有这两个元素。......
2023-11-08
◇ tagName：必选参数，标签名称。动手写14.4.3执行14.4.3.html，输出结果到网页，如下图所示。图14.4.3使用document.createElement创建元素DOM支持创建任意名称的标签，和普通标签一样可以正常使用。图14.4.4使用浏览器解析HTML字符串创建元素使用浏览器解析HTML可以方便地创建DOM树形结构，实际应用中时常采用拼接HTML字符串来实现局部修改。......
2023-11-08
对一维数组的引用，既可以用传统的数组元素的下标法，也可使用指针的表示方法。例7.11输入10个数，采用指针变量表示的地址法输入输出数组各元素。由于数组元素在内存是连续存放的，若给指向整型变量的指针传递数组的首地址，则该指针指向二维数组。#include＜stdio.h＞例7.16用指针法输入输出二维数组各元素。......
2023-11-18
例如，对一维结构体数组的初始化就类似于普通二维数组的初始化，初始化中的注意事项也与二维普通数组初始化时相同或类似。同样也不能将结构体数组元素作为一个整体直接进行输入输出，也需要通过输入输出数组元素的每一个成员分量达到输入输出结构体数组元素的目的。对结构体数组元素操作的唯一例外是可以将结构体数组元素作为一个整体赋给同类型数组的另外一个元素，或赋给一个同类型的结构体变量。结构体数组操作示例。......
2023-11-20
相关推荐