数组常用方法总结 (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】进程地...   🤣 爆笑教程 👉 《看表情包学Linux》👈 猛...
育碧GDC2018程序化大世界... 1.传统手动绘制森林的问题 采用手动绘制的方法的话,每次迭代地形都要手动再绘制森林。这...
编译原理陈火旺版第三章课后题答... 下面答案仅供参考! 1.编写一个对于 Pascal 源程序的预处理程序。该程序的作用是...
MacBookPro M2芯片... MacBookPro M2芯片下如何搭建React-Native环境目录软件下载环境配置 目录 写在...
Android studio ... 解决 Android studio 出现“The emulator process for AVD ...
pyflink学习笔记(六):... 在pyflink学习笔记(一)中简单介绍了table-sql的窗口函数,下面简单介绍下...
创建deployment 创建deployment服务编排-DeploymentDeployment工作负载均衡器介绍Depl...
gma 1.1.4 (2023... 新增   1、地图工具    a. 增加【GetWorldDEMDataSet】。提供了一套 GEO...
AI专业教您保姆级在暗影精灵8... 目录 一、Stable Diffusion介绍    二、Stable Diffusion环境搭建 ...
vue笔记 第一个Vue应用 Document{{content}}{{...
Unity自带类 --- Ti... 1.在Unity中,自己写的类(脚本)的名字不能与Unit...
托福口语21天——day5 发... 目录 一、连读纠音 二、语料输入+造句输出 三、真题 一、连读纠音 英语中的连读方式有好几种...
五、排序与分页 一、排序 1、语法 ORDER BY 字段 ASC | DESC ASC(ascen...
Linux系统中如何安装软件 文章目录一、rpm包安装方式步骤:二、deb包安装方式步骤:三、tar....
开荒手册4——Related ... 0 写在前面 最早读文献的时候,每每看到related work部分都会选择性的忽略&...
实验01:吃鸡蛋问题 1.实验目的: 通过实验理解算法的概念、算法的表示、算法的时间复杂度和空间复杂度分析&...
8个免费图片/照片压缩工具帮您... 继续查看一些最好的图像压缩工具,以提升用户体验和存储空间以及网站使用支持。 无数图像压...
Spring Cloud Al... 前言 本文小新为大家带来 Sentinel控制台规则配置 相关知识,具体内容包括流控...
多项目同时进行,如何做好进度管... 多项目同时进行,如何做好进度管理? 大多数时候,面对项目进...
ATTCK红队评估实战靶场(二... 前言 第二个靶机来喽,地址:vulunstack 环境配置 大喊一声我...