首页 > 其他分享 >js 数组所有的方法精简版

js 数组所有的方法精简版

时间:2024-08-25 09:48:03浏览次数:9  
标签:返回 精简版 索引 元素 js callback 数组 thisArg

1. 数组创建

  • Array.of(...): 创建一个新的数组实例,其中包含传入的所有元素。
  • Array.from(arrayLike, mapFn, thisArg): 从类数组或可迭代对象创建一个新的数组实例。

2. 访问和修改

  • length: 返回或设置数组的长度。
  • at(index): 返回数组中指定位置的元素,负数表示从数组末尾倒数的位置。

3. 添加和删除元素

  • push(...elements): 向数组末尾添加一个或多个元素。
  • pop(): 移除并返回数组末尾的元素。
  • unshift(...elements): 向数组开头添加一个或多个元素。
  • shift(): 移除并返回数组开头的元素。
  • splice(start, deleteCount, ...items): 从数组中添加或删除元素。

4. 查找元素

  • indexOf(element, fromIndex): 返回数组中首次出现的指定元素的索引,未找到则返回 -1。
  • lastIndexOf(element, fromIndex): 返回数组中最后一次出现的指定元素的索引,未找到则返回 -1。
  • find(callback, thisArg): 返回数组中第一个符合条件的元素,找不到则返回 undefined。
  • findIndex(callback, thisArg): 返回数组中第一个符合条件的元素的索引,找不到则返回 -1。
  • includes(element, fromIndex): 判断数组是否包含指定元素,返回布尔值。
  • some(callback, thisArg): 判断数组中是否至少有一个元素符合条件,返回布尔值。
  • every(callback, thisArg): 判断数组中是否所有元素都符合条件,返回布尔值。

5. 遍历数组

  • forEach(callback, thisArg): 对数组的每个元素执行一次回调函数。
  • map(callback, thisArg): 返回一个新数组,其中每个元素是回调函数的结果。
  • filter(callback, thisArg): 返回一个新数组,其中包含所有通过测试的元素。
  • reduce(callback, initialValue): 对数组的每个元素执行回调函数,返回单一值。
  • reduceRight(callback, initialValue): 从数组的末尾开始对每个元素执行回调函数,返回单一值。
  • flat(depth): 将多维数组“拍平”,可以指定拍平的深度。
  • flatMap(callback, thisArg): 对每个元素应用回调函数,然后将结果“拍平”至一维数组。

6. 变换数组

  • concat(...arrays): 合并两个或多个数组。
  • slice(begin, end): 返回数组的一个片段(浅拷贝),包含 begin 索引到 end 索引(不包括 end 索引)的元素。
  • join(separator): 将数组的所有元素连接成一个字符串。
  • sort(compareFunction): 对数组进行排序,可以指定排序函数。
  • reverse(): 颠倒数组中元素的顺序。

7. 其他

  • copyWithin(target, start, end): 将数组的指定部分复制到另一个位置。
  • fill(value, start, end): 用指定的值填充数组的部分或全部元素。
  • from(iterable, mapFn, thisArg): 从类数组或可迭代对象创建数组,可以应用映射函数。
  • toString(): 将数组转换为字符串。
  • toLocaleString(): 将数组转换为本地化的字符串。

8. ES2022+ 方法

  • at(index): 返回数组中指定位置的元素,可以使用负数索引。
  • groupBy(callback): 将数组中的元素按回调函数的返回值分组(需要 polyfill)。
  • groupByToMap(callback): 与 groupBy 类似,但返回的是 Map(需要 polyfill)。

标签:返回,精简版,索引,元素,js,callback,数组,thisArg
From: https://www.cnblogs.com/duocaishijie/p/18378691

相关文章

  • JSP基于SSM高考志愿填报系统79k8t程序+源码+数据库+调试部署+开发环境
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表系统功能:学生,高考资讯,院校信息,专业资讯,填报信息,学生成绩,院校,填报指南技术要求:开发语言:JSP前端使用:HTML5,CSS,JSP动态网页技术后端使用SpringBoot,Spri......
  • 【NextJS】中间件实战介绍
    原创洞窝技术使用Next.js中间件实现高性能个性化在当今的数字时代,用户期望获得量身定制的在线体验。个性化已经从一个奢侈品变成了必需品,尤其是对于希望在竞争激烈的市场中脱颖而出的企业来说。然而,实现高性能的个性化往往是一个挑战,需要在用户体验和系统性能之间取得......
  • C语言字符数组
    字符数组是一维数组的一种,是当数组中的元素类型为字符型时,称为字符数组。在这里我想讲一下字符数组的结束标志和字符串数组的输入和输出。字符数组的结束标志在C语言中,使用字符数组保存字符串时,系统会自动添加“\0”作为结束符。chararray[]="hello";//初始化字符数组上......
  • golang RSA 解密前端jsencrypt发送的数据时异常 crypto/rsa: decryption error 解决方
    golang中RSA解密前端(jsencrypt)发来的密文后出现 "crypto/rsa:decryptionerror" ,这个问题首先需要确认你的私匙和公匙是否匹配,如果匹配那检查入参数据类型,前端发送来的rsa加密后的数据一般都是经过base64编码后的,在后端进行RSA解码时需要对前端发送的数据进行base64......
  • 运算符 类定义 Math类的使用 数组的使用
    1.基本的算术运算符5个:+ - * / %都是双目运算符(两个操作数),其中%要求的两个操作数必须为整数。2.自增、自减运算符++ --注意作为前缀和后缀的用法不同.3.表达式计算中的数据类型转换(1)自动类型转换:当参与运算的两个操作数类型不同时,先把低类型的数据转换为高类......
  • P10902 [蓝桥杯 2024 省 C] 回文数组
    P10902[蓝桥杯2024省C]回文数组题解十年OI一场空,不开longlong见祖宗!思路:贪心题目要求将一个随机数组变成一串回文数,可执行的操作如下:相邻两个数同时加\(1\)单个数加\(1\)或减\(1\)由于一个数加\(1\)得到回文数和一个数减\(1\)得到回文数效果一样,我们可以不......
  • ThreeJS Shader的效果样例雷达图和大气层(二)
    一、雷达图   实现原理:图中是一个旋转的渐变扇形,可以通过先实现一个扇形、然后再实现一个渐变扇形,最后再将扇形旋转来达到最终效果1. 实现一个夹角为O的扇形,已X轴正方向为单位向量M,UV点到(0,0)形成向量N,通过M和N的点乘就可以得到一个夹角,然后判断角度小于O就可以了2. 实......
  • TMDOG的微服务之路_07——初入微服务,NestJS微服务快速入门
    TMDOG的微服务之路_07——初入微服务,NestJS微服务快速入门博客地址:TMDOG的博客在前几篇博客中,我们探讨了如何在NestJS中的一些基础功能,并可以使用NestJS实现一个简单的单体架构后端应用。本篇博客,我们将进入微服务架构,以一个简单的NestJS示例快速了解微服务架构。1.什......
  • TMDOG的微服务之路_08——使用Docker部署NestJS微服务
    TMDOG的微服务之路_08——使用Docker部署NestJS微服务博客地址:TMDOG的博客在上一篇博客中,我们探讨了如何使用NestJS创建一个简单的微服务架构。为了将这些微服务部署到生产环境,我们可以使用Docker来打包和管理这些服务。本篇博客将详细介绍如何使用Docker和Docker......
  • 【LeetCode面试150】——3无重复数组的最长子串
    博客昵称:沈小农学编程作者简介:一名在读硕士,定期更新相关算法面试题,欢迎关注小弟!PS:哈喽!各位CSDN的uu们,我是你的小弟沈小农,希望我的文章能帮助到你。欢迎大家在评论区唠嗑指正,觉得好的话别忘了一键三连哦!......