关于使用es数组的改变方式

一)改变原数组的方法(9个)

ES5:
1. pop()   删除一个数组中的最后的一个元素,并且返回这个元素。
2.shift()  删除数组的第一个元素,并返回这个元素。
3.push() 可向数组的末尾添加一个或多个元素,并返回新的长度。
4.unshift() 可向数组的开头添加一个或更多元素,并返回新的长度。
5.reverse()  用于颠倒数组中元素的顺序。
6.splice()  数组的删除、添加、替换,会改变原数组
7.sort()方法对数组元素进行排序,并返回这个数组

ES6:
8.copyWithin()在当前数组内部,将指定位置的成员复制到其他位置,并返回这个数组。
9 fill() 使用给定值,填充一个数组。

(二)不改变原数组的方法(8个)
1 join()用于把数组中的所有元素通过指定的分隔符进行分隔放入一个字符串,返回生成的字符串。
2 toLocaleString()   返回一个表示数组元素的字符串。该字符串由数组中的每个元素的 toLocaleString() 返回值经调用 join() 方法连接(由逗号隔开)组成。
3 toString() 可把数组转换为由逗号链接起来的字符串。这种方法只是join方法的一部分功能,所以更推荐使用join方法。
4 slice() 方法返回一个从开始到结束(不包括结束)选择的数组的一部分浅拷贝到一个新数组对象,且原数组不会被修改。
注意:注意:字符串也有一个slice() 方法是用来提取字符串的,不要弄混了。

5 cancat() 方法用于合并两个或多个数组,返回一个新数组。
扩展:ES6 扩展运算符 …合并数组

…运算符可以实现cancat的每个栗子,且更简洁和具有高度自定义数组元素位置的效果。

6 indexOf() 返回在数组中可以找到一个给定元素的第一个下标,如果不存在,则返回-1。
7 lastIndexOf() 返回指定元素在数组中的最后一个的索引,如果不存在则返回 -1。(从数组后面往前查找)
8 includes()
ES7的语法:返回一个布尔值,表示某个数组是否包含给定的值
---------------------------------------------------------------------------------------------------------------------------------

常用数组:
1.push() 在数组的末尾位置添加元素
2.pop() 在数组的最后一个位置删除元素
3.unshift() 在数组的第一个位置添加元素
4.shift() 在数组的第一个位置删除元素
5.sort() 以ASSIC码排序数组元素
6.reverse() 倒序数组
7.slice(start,end) 截取数组,不包括结束下标的元素
8.splice() 删除数组中指定位置的元素
9.join() 分割数组并转变成字符串                                                                                     10.concat() 合并数组
11.find() 找数组的元素,找到返回true,否则undefined
12.findIndex() 找到返回下标,找不到返回-1
13.indexOf() 查找元素,找到返回下标,否则返回-1
14.includes() 查找元素,返回true或者false
15.map() 参数为回调函数,遍历返回新数组
16.forEach() 遍历数组
17.filter() 过滤方法
18.every() 全部满足返回true
19.some() 存在满足返回true
20.lastIndexOf() 查找方法
21.reduce() 参数为回调函数,四个参数(前一个,当前,下标,数组)
22.reduceRight() 参数为回调函数
ES5新增:

1.indexOf()字符串、数组统用,返回指定字符首次出现的位置(索引值),返回这个索引值,否则返回-1
2.forEach():仅遍历数组(item,index,arr),无返回值或返回值为undefined
3.map():数组遍历,返回新数组
4.filter():与map类似,返回新数组
5.some():返回布尔值,检测数组中是否有某一个值
6.every():返回布尔值,检测数组中所有元素是否都符合指定条件
7.reduce(()=>(prev,next,index))
第一个参数是上一次前两个参数的和
第二个参数是下一个下标对应的元素
第三个参数是第二个参数的下标
总结:

5个迭代方法(循环操作数组中的各个项):forEach(),map(),filter(),every()和some()
2个归并方法(迭代数组所有项,最终返回一个值):reduce()和reduceRight()
2个索引方法:indexOf() 和 lastIndexOf();


ES6新增:

1.isArray():判断是否是数组
2.Array.from():将类数组或可迭代对象转为数组
3.Array.of():数组创建,将参数内不同的元素(数据类型)转为数组,若为空就返回一个空数组
4.find():查找数组中符合条件的第一个元素
5.findIndex():查找数组中符合条件的第一个元素的索引
6.includes():检测数组中是否包含一个值,,返回true、false
7.fill():将一定范围索引的数组元素内容填充为单个指定的值。
8.entries():遍历键和值
9.keys():遍历键名
10.values():遍历值
11.flat():嵌套数组转一维数组
12.复制数组:扩展运算符:…
--------------------------------------------------------------------------------------------------------------------------------

一、检测方法

Array.isArray()

二、创建数组方法

Array.from()
Array.of()

三、操作数组方法

push()
pop()
shift()
unshift()
concat()
slice()
splice()
copyWithin()
fill()
flat()
flatMap()

四、查询方法

includes()
indexOf、lastIndexOf()

五、排序方法

sort
reverse

六、转换方法

toLocaleString()
toString()
join()

七、迭代(遍历)方法

forEach()
map()
filter()
some()
every()
find()
findIndex()
entries()、keys()、values()

八、归并方法

reduce()
reduceRight()
————————————————
版权声明:本文为CSDN博主「87小太阳」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_53798158/article/details/129893241

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/135385.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【Nginx39】Nginx学习:upstream服务器组模块

Nginx学习:upstream服务器组模块 最后一个重点模块内容啦,感谢坚持到现在的你和我。总算是向大佬的道路上又前进了一步了。今天的内容主要是服务器组的配置,其实更直白点,就是 Nginx 负载均衡的配置模块。会不会有小伙伴不明白负载…

kubernetes集群编排(8)

k8s资源监控 资源限制 上传镜像 [rootk8s2 limit]# vim limit.yaml apiVersion: v1 kind: Pod metadata:name: memory-demo spec:containers:- name: memory-demoimage: stressargs:- --vm- "1"- --vm-bytes- 200Mresources:requests:memory: 50Milimits:memory: 100…

04-react基础知识-路由

一、react路由环境安装 使用指令:npm i --save react-router-dom type/react-router-dom进行react路由环境安装 二、引入路由 在main.jsx文件中引入该语句: import { createBrowserRouter, RouterProvider } from react-router-dom 定义一个变量rou…

【Java笔试强训】Day9(CM72 另类加法、HJ91 走方格的方案数)

CM72 另类加法 链接:另类加法 题目: 给定两个int A和B。编写一个函数返回AB的值,但不得使用或其他算数运算符。 题目分析: 代码实现: package Day9;public class Day9_1 {public int addAB(int A, int B) {// wr…

「Verilog学习笔记」使用子模块实现三输入数的大小比较

专栏前言 本专栏的内容主要是记录本人学习Verilog过程中的一些知识点,刷题网站用的是牛客网 分析 题目要求编写子模块实现两个输入数的大小比较并输出较小值,可以使用if-else语句实现。同时要求在主模块中实现三个输入数值的大小比较,假设三个…

【配置】如何在打包Spring Boot项目时按需使用日常、测试、预发、正式环境的配置文件

文章目录 前言1. 创建5个配置文件2. 在pom.xml文件中如下配置3. 在application.properties中加入环境变量 前言 在我们开发项目的时候,一般有四套环境:日常、测试、预发、正式。日常环境作为我们开发环境;测试环境给测试同学测试功能&#x…

AI诈骗的防范与应对:维护数字安全的责任

近年来,人工智能生成内容(AIGC)技术在各个领域都取得了显著的进展,为我们带来了更多的便捷和创新。然而,与此同时,这项技术也被不法分子滥用,用于实施各种形式的AI诈骗。这种威胁需要我们认真对…

​软考-高级-信息系统项目管理师教程 第四版【第21章-项目管理科学基础-思维导图】​

软考-高级-信息系统项目管理师教程 第四版【第21章-项目管理科学基础-思维导图】 课本里章节里所有蓝色字体的思维导图

抽象方法及接口的使用概念

abstract关键字 /* * 类和对象: * 类:一个概念,客观不存在的,或者认为是一个模板。 * 对象:看得见摸得着的真实存在的物体。 * 对象---类的过程,抽象 * 类---对象的过程,叫实例化 * 抽…

oracle查询前几条数据的方法

在Oralce中实现select top N&#xff1a;由于Oracle不支持select top 语句&#xff0c;所以在oracle中经常是用order by 跟rownum的组合来实现select top n的查询。 方法1&#xff1a; SELECT * FROM (SELECT * FROM EMP ORDER BY SAL DESC) WHERE ROWNUM < 5 --抽取处记录…

【elasticsearch+kibana基于windows docker安装】

创建网络&#xff1a;es和kibana容器互联 docker network create es-net加载镜像 docker pull elasticsearch:7.12.1运行 docker run -d --name es -p 9200:9200 -p 9300:9300 -e "discovery.typesingle-node" -e ES_JAVA_OPTS"-Xms512m -Xmx512m" -v $…

uni-app基于vue实现商城小程序

一、前言 参考“网易严选”小程序 项目采用传统vue项目结构&#xff0c;即uni-app打包和运行成小程序&#xff0c;使用HBuilder开发工具开发项目&#xff0c;通过运行启动“微信开发者工具”完成项目启动。 二、功能效果图 1.首页 2.分类 3.活动 4.我的 5.商品详情 6.购物车…

React中组件之间如何通信?

一、是什么 我们将组件间通信可以拆分为两个词&#xff1a; 组件通信 回顾Vue系列的文章&#xff0c;组件是vue中最强大的功能之一&#xff0c;同样组件化是React的核心思想 相比vue&#xff0c;React的组件更加灵活和多样&#xff0c;按照不同的方式可以分成很多类型的组件…

第五届泰迪杯数据分析技能赛B题源码图片分享

需要B题源码以及第六届带队”指导“请私信本人&#xff0c;团队包含技能赛双一等&#xff0c;数学建模省一&#xff0c;泰迪杯挖掘国一&#xff0c;研究生队友。 去年一等作品可视化图如下&#xff0c;私信获取源码

【Ruoyi管理后台】用户登录强制修改密码

近期有个需求&#xff0c;就是需要调整Ruoyi管理后台&#xff1a;用户如果三个月(长时间)未修改过密码&#xff0c;需要在登录时强制修改密码&#xff0c;否则不能登录系统。 一、后端项目调整 从需求来看&#xff0c;我们需要在用户表增加一个字段&#xff0c;用于标记用户最…

【C语言】动态内存管理

大家好&#xff0c;我是苏貝&#xff0c;本篇博客带大家了解动态内存管理&#xff0c;如果你觉得我写的还不错的话&#xff0c;可以给我一个赞&#x1f44d;吗&#xff0c;感谢❤️ 目录 一. 为什么存在动态内存分配二. 动态内存函数的介绍2.1 malloc和free2.2 calloc2.3 real…

Linux/centos上如何配置管理Web服务器?

Linux/centos上如何配置管理Web服务器&#xff1f; 1 Web简单了解2 关于Apache3 如何安装Apache服务器&#xff1f;3.1 Apache服务安装3.2 httpd服务的基本操作 4 如何配置Apache服务器&#xff1f;4.1 关于httpd.conf配置4.2 常用指令 5 简单实例 1 Web简单了解 Web服务器称为…

OpenGL_Learn08(坐标系统)

目录 1. 概述 2. 局部空间 3. 世界空间 4. 观察空间 5. 剪裁空间 6. 初入3D 7. 3D旋转 1. 概述 OpenGL希望在每次顶点着色器运行后&#xff0c;我们可见的所有顶点都为标准化设备坐标(Normalized Device Coordinate, NDC)。也就是说&#xff0c;每个顶点的x&#xff0c;…

[MT8766][Android12] 取消WIFI热点超过10分钟没有连接自动关闭设定

文章目录 开发平台基本信息问题描述解决方法 开发平台基本信息 芯片: MT8766 版本: Android 12 kernel: msm-4.19 问题描述 之前有个需求要设备默认开启WIFI热点&#xff0c;默认开启usb共享网络&#xff1b;而热点在原生的设定里面有个超时机制&#xff0c;如果在限定时间内…

YOLOv7魔改,YOLOv7改进之PPSPPCSPC助力涨点

目录 一、理论部分 网络结构 ​ 二、PPSPPCSPC 代码 应用到YOLOv7/v5 yaml配置文件</