数组(arr)的常用方法

2023-11-07 02:10
文章标签 数组 方法 常用 arr

本文主要是介绍数组(arr)的常用方法,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一、arr常用的方法

  1. push:追加元素
  2. unshift:在前面追加元素
  3. pop:删除最后一个的元素
  4. shift:删除第一个元素
  5. splice:删除指定的元素(第一个参数索引位置,第二个删除的个数,第三个参数需要更改的信息)
  6. reverse:倒序
  7. sort:排序
  8. concat:拼接
  9. slice:截取(第一个参数是开始的索引,第二个是结束的索引,会包裹开始的索引,但不会包裹结束的)
  10. indexOf:查找,(找到返回值的索引,找不到返回-1)
  11. lastindexOf:从后往前查找
  12. foreach:遍历
  13. map:映射
  14. filter:过滤
  15. every:每一项是否满足,返回布尔值
  16. some:其中一项是否满足条件,返回布尔
  17. reduce:叠加

二、方法的使用

1、arr.push()

  • 向末尾添加新的元素
  • 支持添加多个元素
  var arr=[1,2,3,4,5,6]arr.push(10,11,)console.log(arr);

在这里插入图片描述
2、arr.unshift()

  • 向开头添加新元素
  • 支持多个元素
 var arr=[1,2,3,4,5,6]arr.unshift(10,11,)console.log(arr);

在这里插入图片描述
3、arr.pop()

  • 删除最后一项
  • 返回值是删除的元素
var arr=[1,2,3,4,5,6]arr.pop()console.log(arr);

在这里插入图片描述
4、arr. shift()

  • 删除第一个元素
var arr=[1,2,3,4,5,6]arr.shift()console.log(arr);

在这里插入图片描述
5、arr.splice()

  • 删除指定的元素
  • 第一个参数是开始的索引值
  • 第二个参数是删除的个数
  var arr=[1,2,3,4,5,6]arr.splice(1,3)console.log(arr);

在这里插入图片描述
6、arr.reverse()倒叙

 var arr=[1,2,3,4,5,6]console.log(arr.reverse());

在这里插入图片描述
7、arr.sort()排序

 var arr = [1, 2, 3, 4, 5, 6]var x = arr.sort(function (a, b) {return b - a})console.log(x);

在这里插入图片描述
8、arr.concat()

  • 数组的拼接
  • 参数是第二个数组
  var arr = [1, 2, 3, 4, 5, 6]var arr2 = [7, 8, 9, 10]console.log(arr.concat(arr2));

在这里插入图片描述
9、arr.slice()

  • 元素的截取
  • 第一参数开始截取的索引
  • 第二个参数结束的索引
  • 截取的值会包括开始的索引值,但不会包括结束的索引值
     var arr = [1, 2, 3, 4, 5, 6]console.log(arr.slice(1,4));

在这里插入图片描述
10、arr.indexOf()

  • 查询是否包含
  • 包含:返回查询值的索引
  • 不包含:返回-1
 var arr = [1, 2, 3, 4, 5, 6]console.log(arr.indexOf(3));var arr = [1, 2, 3, 4, 5, 6]console.log(arr.indexOf(7));

在这里插入图片描述
在这里插入图片描述
11、arr.foreach()遍历

    var arr = [1, 2, 3, 4, 5, 6]var x = arr.forEach(function (item) {console.log(item);})

在这里插入图片描述
12、arr.map()

  • 将数组的元素映射成某一项
  • 常用于映射称
  • 插入到dom里面
var arr = [1, 2, 3, 4, 5, 6]var x = arr.map(function (item) {console.log('Pikachu',item);})

在这里插入图片描述
13、arr.filter()

  • 对于每一项进行过滤
  • 返回值是满足过滤条件的
 var arr = [1, 2, 3, 4, 5, 6]var x = arr.filter(function (item) {return item>3})console.log(x);

在这里插入图片描述
14、arr.every()

  • 每一项是否都满足条件
  • 返回值是布尔类型
  var arr = [1, 2, 3, 4, 5, 6]var x = arr.every(function (item) {return item<7})var y = arr.every(function (item) {return item>3})console.log(x,y);

在这里插入图片描述

15、arr.some()

  • 其中一项满足条件
  • 返回值是布尔类型
var arr = [1, 2, 3, 4, 5, 6]var x = arr.some(function (item) {return item<2})var y = arr.some(function (item) {return item>6})console.log(x,y);

在这里插入图片描述
16、arr.reduce()叠加

   var arr = [1, 2, 3, 4, 5, 6]var x = arr.reduce(function (prev,item) {return prev+item})console.log(x);

在这里插入图片描述

这篇关于数组(arr)的常用方法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/360564

相关文章

PHP轻松处理千万行数据的方法详解

《PHP轻松处理千万行数据的方法详解》说到处理大数据集,PHP通常不是第一个想到的语言,但如果你曾经需要处理数百万行数据而不让服务器崩溃或内存耗尽,你就会知道PHP用对了工具有多强大,下面小编就... 目录问题的本质php 中的数据流处理:为什么必不可少生成器:内存高效的迭代方式流量控制:避免系统过载一次性

python获取指定名字的程序的文件路径的两种方法

《python获取指定名字的程序的文件路径的两种方法》本文主要介绍了python获取指定名字的程序的文件路径的两种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要... 最近在做项目,需要用到给定一个程序名字就可以自动获取到这个程序在Windows系统下的绝对路径,以下

JavaScript中的高级调试方法全攻略指南

《JavaScript中的高级调试方法全攻略指南》什么是高级JavaScript调试技巧,它比console.log有何优势,如何使用断点调试定位问题,通过本文,我们将深入解答这些问题,带您从理论到实... 目录观点与案例结合观点1观点2观点3观点4观点5高级调试技巧详解实战案例断点调试:定位变量错误性能分

Python中 try / except / else / finally 异常处理方法详解

《Python中try/except/else/finally异常处理方法详解》:本文主要介绍Python中try/except/else/finally异常处理方法的相关资料,涵... 目录1. 基本结构2. 各部分的作用tryexceptelsefinally3. 执行流程总结4. 常见用法(1)多个e

JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法

《JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法》:本文主要介绍JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法,每种方法结合实例代码给大家介绍的非常... 目录引言:为什么"相等"判断如此重要?方法1:使用some()+includes()(适合小数组)方法2

SpringBoot 获取请求参数的常用注解及用法

《SpringBoot获取请求参数的常用注解及用法》SpringBoot通过@RequestParam、@PathVariable等注解支持从HTTP请求中获取参数,涵盖查询、路径、请求体、头、C... 目录SpringBoot 提供了多种注解来方便地从 HTTP 请求中获取参数以下是主要的注解及其用法:1

504 Gateway Timeout网关超时的根源及完美解决方法

《504GatewayTimeout网关超时的根源及完美解决方法》在日常开发和运维过程中,504GatewayTimeout错误是常见的网络问题之一,尤其是在使用反向代理(如Nginx)或... 目录引言为什么会出现 504 错误?1. 探索 504 Gateway Timeout 错误的根源 1.1 后端

MySQL 表空却 ibd 文件过大的问题及解决方法

《MySQL表空却ibd文件过大的问题及解决方法》本文给大家介绍MySQL表空却ibd文件过大的问题及解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考... 目录一、问题背景:表空却 “吃满” 磁盘的怪事二、问题复现:一步步编程还原异常场景1. 准备测试源表与数据

python 线程池顺序执行的方法实现

《python线程池顺序执行的方法实现》在Python中,线程池默认是并发执行任务的,但若需要实现任务的顺序执行,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋... 目录方案一:强制单线程(伪顺序执行)方案二:按提交顺序获取结果方案三:任务间依赖控制方案四:队列顺序消

SpringBoot通过main方法启动web项目实践

《SpringBoot通过main方法启动web项目实践》SpringBoot通过SpringApplication.run()启动Web项目,自动推断应用类型,加载初始化器与监听器,配置Spring... 目录1. 启动入口:SpringApplication.run()2. SpringApplicat