数组常用方法总结 (6) :includes / indexOf / lastIndexOf / valueOf / toString / isArray
admin
2024-05-12 13:56:54
0

includes

  • 检测数组是否包含某值,返回值为布尔值,找到一个就会返回 true,如果直到遍历完数组都未找到匹配的值,则返回 false。
  • arr.includes(value,index)
  • 第一个参数为想要查找的值。
  • 第二个参数为查找开始的位置,如果为负数,表示从尾部向前的位置。例如:数组长度为 10,那么第二个参数为 -2 时,查找的开始位置就是索引为 8 的位置。
let arr = [12, 18, 12, 100];
let result1 = arr.includes(12);// true
let result2 = arr.includes(12, 1); // false -- 从索引为 1 的位置开始找,找不到 12 返回 false
let result3 = arr.includes(12, -1); // false -- 从索引为 3 的位置开始找,找不到 12 返回 false
let result4 = arr.includes(12, -4); // true -- 从索引为 0 的位置开始找,找到 12 返回 false

indexOf

  • 检测数组是否包含某值,返回值为检测到的数据的索引,如果检测不到,返回 -1。
  • arr.indexOf(value,index)
  • 第一个参数为想要查找的值。
  • 第二个参数为查找开始的位置,如果为负数,表示从尾部向前的位置。例如:数组长度为 10,那么第二个参数为 -2 时,查找的开始位置就是索引为 8 的位置。
let arr = [12, 18, 12, 100];
let result1 = arr.indexOf(12); // 0
let result2 = arr.indexOf(12, 1); // -1 -- 从索引为 1 的位置开始找,找不到 12 返回 -1
let result3 = arr.indexOf(12, -4); // 0 -- 从索引为 0 的位置开始找,找到 12 返回索引值 0

lastIndexOf

  • 检测数组是否包含某值,返回值为检测到的数据的索引,如果检测不到,返回 -1。
  • 检索的方向为,从后向前。
  • arr.lastIndexOf(value,index)
  • 第一个参数为想要查找的值。
  • 第二个参数为查找开始的位置,如果为负数,表示从尾部向前的位置。例如:数组长度为 10,那么第二个参数为 -2 时,查找的开始位置就是索引为 8 的位置,由 8 向前找。
let arr = [12, 18, 12, 100];
let result1 = arr.lastIndexOf(12); // 2
let result2 = arr.lastIndexOf(12, 0); // 0 -- 从索引为 0 的位置开始找,由 0 向前,找到的是 0 位置的 12,返回 0
let result3 = arr.lastIndexOf(12, 1); // 0 -- 从索引为 1 的位置开始找,由 1 向前,找到的是 0 位置的 12,返回 0
let result4 = arr.lastIndexOf(12, -1); // 2 -- 从索引为 3 的位置开始找,由 3 向前,找到的是 2 位置的 12,返回 2

valueOf

  • 返回数组的原始值。
  • 会对每项内容进行计算。
let arr = [1-3,'3'+3,Math.floor(5.3),'5'*1];
let arr2 = [{name:'qwe'+'1',age:12+23},{name:'qwe'+'2',age:12+15}
];
arr.valueOf(); // [-2, '33', 5, 5]
arr2.valueOf(); // [{name: 'qwe1', age: 35},{name: 'qwe2', age: 27}]

toString

  • 将数组内容转成字符串。
  • 对象数组会转换失败。
let arr = [1-3,'3'+3,Math.floor(5.3),'5'*1];
let arr2 = [{name:'qwe'+'1',age:12+23},{name:'qwe'+'2',age:12+15}
];
arr.toString(); // '-2,33,5,5'
arr2.toString(); // '[object Object],[object Object]' -- 对象数组转换失败

isArray

  • 判断变量是否是数组类型。
let arr = [1-3,'3'+3,Math.floor(5.3),'5'*1]
let arr2 = [{name:'qwe'+'1',age:12+23},{name:'qwe'+'2',age:12+15}
];
let arr3 = {name:'qwe'+'1',age:12+23};
let arr4 = 8-3;
let arr5 = '5'+5;
Array.isArray(arr); // true
Array.isArray(arr2); // true
Array.isArray(arr3); // false
Array.isArray(arr4); // false
Array.isArray(arr5); // false

相关内容

热门资讯

linux入门---制作进度条 了解缓冲区 我们首先来看看下面的操作: 我们首先创建了一个文件并在这个文件里面添加了...
C++ 机房预约系统(六):学... 8、 学生模块 8.1 学生子菜单、登录和注销 实现步骤: 在Student.cpp的...
JAVA多线程知识整理 Java多线程基础 线程的创建和启动 继承Thread类来创建并启动 自定义Thread类的子类&#...
【洛谷 P1090】[NOIP... [NOIP2004 提高组] 合并果子 / [USACO06NOV] Fence Repair G ...
国民技术LPUART介绍 低功耗通用异步接收器(LPUART) 简介 低功耗通用异步收发器...
城乡供水一体化平台-助力乡村振... 城乡供水一体化管理系统建设方案 城乡供水一体化管理系统是运用云计算、大数据等信息化手段࿰...
程序的循环结构和random库...   第三个参数就是步长     引入文件时记得指明字符格式,否则读入不了 ...
中国版ChatGPT在哪些方面... 目录 一、中国巨大的市场需求 二、中国企业加速创新 三、中国的人工智能发展 四、企业愿景的推进 五、...
报名开启 | 共赴一场 Flu... 2023 年 1 月 25 日,Flutter Forward 大会在肯尼亚首都内罗毕...
汇编00-MASM 和 Vis... Qt源码解析 索引 汇编逆向--- MASM 和 Visual Studio入门 前提知识ÿ...
【简陋Web应用3】实现人脸比... 文章目录🍉 前情提要🌷 效果演示🥝 实现过程1. u...
前缀和与对数器与二分法 1. 前缀和 假设有一个数组,我们想大量频繁的去访问L到R这个区间的和,...
windows安装JDK步骤 一、 下载JDK安装包 下载地址:https://www.oracle.com/jav...
分治法实现合并排序(归并排序)... 🎊【数据结构与算法】专题正在持续更新中,各种数据结构的创建原理与运用✨...
在linux上安装配置node... 目录前言1,关于nodejs2,配置环境变量3,总结 前言...
Linux学习之端口、网络协议... 端口:设备与外界通讯交流的出口 网络协议:   网络协议是指计算机通信网...
Linux内核进程管理并发同步... 并发同步并发 是指在某一时间段内能够处理多个任务的能力,而 并行 是指同一时间能够处理...
opencv学习-HOG LO... 目录1. HOG(Histogram of Oriented Gradients,方向梯度直方图)1...
EEG微状态的功能意义 导读大脑的瞬时全局功能状态反映在其电场结构上。聚类分析方法一致地提取了四种头表面脑电场结构ÿ...
【Unity 手写PBR】Bu... 写在前面 前期积累: GAMES101作业7提高-实现微表面模型你需要了解的知识 【技...