JavaScript常用方法整理

news/2024/4/16 22:55:38/文章来源:https://blog.csdn.net/m0_52043522/article/details/130343062

文章目录

  • 前言
    • 1.栈方法:push()、pop()
    • 2.队列方法:unshift()、shift()
    • 3.indexof()、lastIndexOf()、includes()
    • 4.操作方法:concat()、slice()、splice()
    • 5.Array.isArray()
    • 6.排序方法:sort()、reverse()
    • 7.转换方法:toString()、join()
    • 8.keys()、values()、entries()
    • 9.迭代方法:every()、some()、filter()、forEach()、map()
    • 10.创建数组的静态方法:from()、of()
    • 11.reduce()
  • 总结


前言

最近整理了一下JavaScript的常用方法,也方便以后查看。


1.栈方法:push()、pop()

在这里插入图片描述
push() 末尾添加(接收任意数量的参数) 返回数组的最新长度
在这里插入图片描述
pop() 末尾删除 返回被删除的项
在这里插入图片描述

2.队列方法:unshift()、shift()

unshift() 开头添加 返回新的数组长度
在这里插入图片描述
shift() 开头删除(删除数组的第一项) 返回删除的第一个元素
在这里插入图片描述

3.indexof()、lastIndexOf()、includes()

indexof() 从前往后搜索,如果存在就返回索引号,不存在就返回-1
在这里插入图片描述
lastIndexof() 从后往前搜索,如果存在就返回索引号,不存在就返回-1
在这里插入图片描述
includes() 返回布尔值,表示是否找到一个与指定元素匹配的项。
在这里插入图片描述

4.操作方法:concat()、slice()、splice()

concat() 在现有数组全部元素基础上创建一个新数组。 可以传多个参数,并把参数添加到数组末尾。
在这里插入图片描述
slice() 创建一个包含原有数组中一个或多个元素的新数组(截取操作)
这个操作不影响原数组!
接收一个或2个参数,返回元素的开始索引和结束索引。

  • 1个参数:返回从开始索引到数组末尾的所有元素。
  • 2个参数:返回从开始索引到结束索引的所有元素,不包括结束索引。
    在这里插入图片描述

注意:slice()参数有负值,数组长度+负值 = 确定位置

Eg:5个元素的数组,Slice(-2,-1)相当于slice(3,4)
在这里插入图片描述
如果结束位置小于开始位置,就返回空数组!
在这里插入图片描述
splice() 始终返回一个数组,包含数组中被删除的元素;如果没有删除元素,就返回空数组。

  • 删除 传2个参数 (要删除的第一个元素的位置,删除的数量) 返回删除的元素
    在这里插入图片描述

  • 插入 传3个参数 (开始位置,0,要插入的元素) 插入的元素可多个
    在这里插入图片描述

  • 替换 传3个参数 (开始位置,要删除元素的数量,要插入的任意多个元素)
    在这里插入图片描述

5.Array.isArray()

判断是不是数组,是就返回true,不是返回false
在这里插入图片描述

6.排序方法:sort()、reverse()

sort() 默认升序排列数组
reverse() 将数组元素反向排序
在这里插入图片描述

7.转换方法:toString()、join()

toString() 把数组转换成字符串,逗号分割每一项
在这里插入图片描述
join(‘字符串分割符’) 把数组转换成字符串,分隔符分割每一项;返回包含所有项的字符串。

注意:如果不给join()传入任何参数,或者传入undefined,那么仍然使用逗号作为分隔符。
在这里插入图片描述

8.keys()、values()、entries()

keys() 返回数组索引的迭代器
values() 返回数组元素的迭代器
entries() 返回数组索引/值对的迭代器
这几个方法都返回迭代器,所以可以将它们的内容通过Array.from()直接转换为数组实例。
在这里插入图片描述

9.迭代方法:every()、some()、filter()、forEach()、map()

every() 对数组每一项都运行传入的函数,如果对每一项函数都返回true,则这个方法返回true。
在这里插入图片描述
some()对数组每一项都运行传入的函数,如果有一项函数返回true,那么这个方法返回true。
在这里插入图片描述
filter()对数组每一项都运行传入的函数,函数返回true的项会组成数组之后返回。
在这里插入图片描述
forEach()对数组每一项都运行传入的函数。注意:forEach()是没有返回值的。
forEach方法中的回调函数有3个参数:数组元素,数组索引,数组本身。
在这里插入图片描述

10.创建数组的静态方法:from()、of()

from() 用于将类数组结构转换为数组实例
第一个参数(必填):一个类数组对象,即任何可迭代的结构
第二个参数(可选):映射函数参数(这个函数可以直接增强新数组的值)
第三个参数(可选):用于指定映射函数中this的值。
在这里插入图片描述
伪数组具有length属性:
在这里插入图片描述
在这里插入图片描述
of() 用于将一组参数转换为数组实例
在这里插入图片描述

11.reduce()

从数组的第一项遍历到数组的最后一项
接收两个参数(对每一项都会运行的归并函数,以之为归并起点的初始值)
回调函数接收4个参数:
1、prev 累计器累计回调的返回值; 表示上一次调用回调时的返回值,或者初始值 init;
2、cur 数组中当前被处理的元素
3、index 当前元素的索引 (可选)
4、array 当前元素所在的数组(可选)
在这里插入图片描述
在这里插入图片描述


总结

以上就是今天要分享的数组方法内容,欢迎大家前来与分享更好用的方法~

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

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

相关文章

【Winform学习笔记(二)】TextBox文本框实现按回车键触发Button事件

TextBox文本框实现按回车键触发Button事件 前言正文1、实现方法2、具体代码3、实现效果 前言 在本文中主要介绍 如何基于 Winform 框架实现 TextBox 文本框实现按回车键触发 Button 事件,该功能可实现在文本框中输入密码后不需要按登录或确定按钮,直接回…

vue页面内嵌iframe使用postMessage进行数据交互(postMessage跨域通信)

什么是postMessage postMessage是html5引入的API,它允许来自不同源的脚本采用异步方式进行有效的通信,可以实现跨文本文档,多窗口,跨域消息传递.多用于窗口间数据通信,这也使它成为跨域通信的一种有效的解决方案. vue父页面(嵌入iframe的页面) 在vue中…

webAPI学习笔记2(DOM事件高级)

1. 注册事件&#xff08;绑定事件&#xff09; 1.1 注册事件概述 给元素添加事件&#xff0c;称为注册事件或者绑定事件。 注册事件有两种方式&#xff1a;传统方式和方法监听注册方式 传统注册方式 利用 on 开头的事件 onclick <button οnclick“alert(hi~)”><…

如何构建可靠的台账数据——详解台账管理系统的使用方法

随着数字化的发展&#xff0c;越来越多的企业开始采用电子台账管理&#xff0c;实现了对各项业务数据的及时准确保存和管理。而在台账管理应用中&#xff0c;发票管理、工单管理和库房台账是三大重要方面。下面我将详细介绍一下台账管理系统。 一、发票管理 1.收票台账报表 …

【Python小技巧】使用Gradio构建基于ChatGPT的 Web 应用(附源码)

文章目录 前言一、Gradio是什么&#xff1f;二、使用Gradio构建基于ChatGPT的 Web 应用1. 安装gradio库2. 安装openai库&#xff08;ChatGPT的python库&#xff09;3. Web 应用示例&#xff08;源代码&#xff09; 总结 前言 随着人工智能的不断发展&#xff0c;各种智能算法越…

UE4架构初识(五)

UE4仿真引擎学习 一、架构基础 1. GameInstance UE提供的方案是一以贯之的&#xff0c;为我们提供了一个GameInstance类。为了受益于UObject的反射创建能力&#xff0c;直接继承于UObject&#xff0c;这样就可以依据一个Class直接动态创建出来具体的GameInstance子类。 UGam…

【Golang项目实战】手把手教你写一个备忘录程序|附源码——建议收藏

博主简介&#xff1a;努力学习的大一在校计算机专业学生&#xff0c;热爱学习和创作。目前在学习和分享&#xff1a;数据结构、Go&#xff0c;Java等相关知识。博主主页&#xff1a; 是瑶瑶子啦所属专栏: Go语言核心编程近期目标&#xff1a;写好专栏的每一篇文章 前几天瑶瑶子…

blender 制作城市建筑模型

我不是很会用blender 但是他可以直接制作一篇区域的建筑模型 BlenderGIS插件 城市建筑3D模型自动生成 教程_Zhichao_97的博客-CSDN博客 学习了两种 一种是通过geo.json自己加了一堆mesh 或者geometry 自己用three 做的模型 另一种是用blender 做一个整个的模型直接导入进去 …

降低风险和最大化成功:如何解决项目管理中的成本差异

作为项目经理&#xff0c;你知道让项目按计划进行并按预算进行对于项目管理的成功至关重要。你可以使用的关键工具之一是成本差异分析。但成本差异到底是什么&#xff0c;如何利用它来发挥优势呢&#xff1f; 定义成本差异 成本差异是项目实际成本与预算或计划成本之间的差异…

企业本地文档如何实现规范在线管理?

随着企业数字化生产方式的不断推进&#xff0c;网络办公和在线协作越来越普遍&#xff0c;企业内部可能出现大量的文件和文档&#xff0c;这些文档多存在于不同的设备和存储介质上&#xff0c;这给企业的信息管理带来了一定程度的困难。为了提高企业的知识管理效率&#xff0c;…

【大数据之Hadoop】二十、Yarn基础框架及工作机制

1、Yarn基础框架 Yarn是一个资源调度平台&#xff0c;负责为运算程序提供服务器运算资源&#xff0c;相当于一个分布式的操作系统平台&#xff0c;而MapReduce等运算程序则相当于运行于操作系统之上的应用程序。 YARN主要由ResourceManager、NodeManager、ApplicationMaster和…

修炼汇编语言第二章:内存地址空间(概述)

目录 前言 一、主板和接口卡 二、存储器各类芯片 三&#xff1a;内存地址空间 总结 前言 什么是内存地址空间呢&#xff1f;如果地址线为10&#xff0c;那么可以寻址1024个地址空间&#xff0c;这1024个地址空间就构成这个CPU的内存地址空间&#xff0c;下面本文将会介绍…

Python如何连接Mysql及基本操作

1.什么要做python连接mysql&#xff0c;一般是解决什么问题的 做自动化测试时候&#xff0c;注册了一个新用户&#xff0c;产生了多余的数据&#xff0c;下次同一个账号就无法注册了&#xff0c;这种情况怎么办呢&#xff1f;自动化测试都有数据准备和数据清理的操作&#xff…

代码在洛谷上跑得慢怎么办?

前言 你有没有试过以下几种情况&#xff1a; 代码在别的OJ上能过&#xff0c;在洛谷上就T了你的代码和同学的几乎相同&#xff0c;但他的AC了&#xff0c;你的却TLE了 遇到这些情况&#xff0c;你可能要花上一个多小时才能解决&#xff0c;甚至难以解决&#xff0c;将问题一…

C. Magic Ship(二分 + 前缀和)

Problem - C - Codeforces 你是一艘船的船长。最初你站在一个点(x1&#xff0c;y1)上&#xff08;很明显&#xff0c;海上的所有位置都可以用笛卡尔平面描述&#xff09;&#xff0c;你想要前往一个点(x2&#xff0c;y2)。 你知道天气预报——长度为n的字符串s&#xff0c;仅由…

对于程序员来说,搜索有多重要?

2023年4月24日&#xff0c;周一晚上。 今天我用Bing&#xff08;必应&#xff09;很快就搜索到了我需要的关于MFC的某个内容&#xff0c; 而我在百度和CSDN搜了好几天都没搜到&#xff0c; 当然&#xff0c;我认为这不仅仅是搜索引擎的问题&#xff0c;也可能是我搜索时输入…

SqlServer2022安装与配置_并用Navicat连接SqlServer---sqlserver工作笔记0001

首先去下载 SQL Server 下载 | Microsoft https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 首先去下载安装包,这里我们下最新的 下载这个免费版的 可以看到下面有个全功能免费版本下载他 然后点击安装 下载以后安装 选择自定义 然后安装

改善内部客户服务的 3 个技巧

在当今世界&#xff0c;许多公司都专注于改善客户关系管理&#xff0c;公司管理层面临的挑战是他们不仅拥有外部客户&#xff0c;员工也是有痛点和需求的内部客户。正如糟糕的客户服务会导致客户流失一样&#xff0c;糟糕的内部客户服务会增加员工流动率。在当今瞬息万变的就业…

SpringBoot 使用 Sa-Token 完成权限认证

一、设计思路 所谓权限认证&#xff0c;核心逻辑就是判断一个账号是否拥有指定权限&#xff1a; 有&#xff0c;就让你通过。没有&#xff1f;那么禁止访问&#xff01; 深入到底层数据中&#xff0c;就是每个账号都会拥有一个权限码集合&#xff0c;框架来校验这个集合中是…

2023年五月份图形化一级打卡试题

活动时间 从2023年5月1日至5月21日&#xff0c;每天一道编程题。 本次打卡的规则如下&#xff1a; 小朋友每天利用10~15分钟做一道编程题&#xff0c;遇到问题就来群内讨论&#xff0c;我来给大家答疑。 小朋友做完题目后&#xff0c;截图到朋友圈打卡并把打卡的截图发到活动群…