JavaScript数组常用方法(最全)

今天我们对JavaScript的数组的方法做一个总结,方便与以后的开发与查询,多多收藏哦!

1. push()

push方法可以向数组的末尾添加一个或者多个元素,并返回新的长度.

2. pop()

pop() 方法用于删除并返回数组的最后一个元素。

3. unshift()

unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。

4. shift()

shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。

5. isArray()

isArray() 这个方法用来判断一个对象是不是数组,是的话返回true,否则返回false

6. map()

map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

参数:currentValue当前元素的值

index当前元素的索引值

arr当前元素属于的数组对象

7. filter()

filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

filter() 不会对空数组进行检测。

filter() 不会改变原始数组。

参数:currentValue当前元素的值

index当前元素的索引值

arr当前元素属于的数组对象

8. every()

every() 方法用于检测数组所有元素是否都符合指定条件(通过函数提供)。

every() 方法使用指定函数检测数组中的所有元素:

  • 如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。
  • 如果所有元素都满足条件,则返回 true。

every() 不会对空数组进行检测。

every() 不会改变原始数组。

参数:currentValue当前元素的值

index当前元素的索引值

arr当前元素属于的数组对象

9. some()

some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。

some() 方法会依次执行数组的每个元素:

  • 如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。
  • 如果没有满足条件的元素,则返回false。

some() 不会对空数组进行检测。

some() 不会改变原始数组。

参数:currentValue当前元素的值

index当前元素的索引值

arr当前元素属于的数组对象

10. splice()

splice() 方法用于添加或删除数组中的元素。

这种方法会改变原始数组。

如果仅删除一个元素,则返回一个元素的数组。 如果未删除任何元素,则返回空数组。

参数:index 必须,规定从何处添加/删除元素。该参数是开始插入和删除的数组元素的下标,必须是数字

​ howmany 可选,规定应该删除多少元素。必须是数字,但可以是“0”,如果为规定此参数,则删除从index开始到原数组结 尾的所有元素。

​ item…itemX 可选,要添加到数组的新元素


11. slice()

slice() 方法可从已有的数组中返回选定的元素。

slice()方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。

slice() 方法不会改变原始数组。

参数:start 规定从何处开始选取。如果该参数为负数,则表示从原数组的倒数第几个元素开始提取,slice(-2) 表示提取原数组中 的倒数第二个元素到最后一个元素(包含最后一个元素)。

​ end() 规定从何处结束选取。没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果该参数为负数, 则它表示在原数组中的倒数第几个元素结束抽取


12. indexOf()

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

如果没有找到匹配的字符串则返回 -1。

indexOf() 方法区分大小写。

参数:search value 必须,规定需要检查的字符串值

​ start 可选,规定在自负串开始检索的位置,如果省略,则将从字符串的首字符开始检索

13. includes()

includes() 方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。

参数:searchElement 必须,需要查找的元素值

fromIndex 从该索引处开始查找 searchElement。如果为负值,则按升序从 array.length + fromIndex 的索引开始搜索。默 认为 0。

14. concat()

concat() 方法用于连接两个或多个数组。

该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

15. join()

join() 方法用于把数组中的所有元素放入一个字符串。

该元素是通过指定的分隔符进行分隔的。

16. split()

split() 方法用于把一个字符串分割成字符串数组。

split() 方法不改变原始字符串。

参数:separator 可选。字符串或正则表达式,从该参数指定的地方分割 string Object。

limit 可选。该参数可指定返回的数组的最大长度。

17. forEach()

forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。

18. sort()

sort() 方法用于对数组的元素进行排序。

数组在原数组上进行排序,不生成副本。

19. reverse()

reverse() 方法用于颠倒数组中元素的顺序。

20. find()

find() 方法返回通过测试(函数内判断)的数组的第一个元素的值。

find() 方法为数组中的每个元素都调用一次函数执行:

  • 当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。
  • 如果没有符合条件的元素返回 undefined

find() 对于空数组,函数是不会执行的。

find() 并没有改变数组的原始值。

21. findIndex()

findIndex() 方法返回传入一个测试条件(函数)符合条件的数组第一个元素位置。

findIndex() 方法为数组中的每个元素都调用一次函数执行:

  • 当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置,之后的值不会再调用执行函数。
  • 如果没有符合条件的元素返回 -1

findIndex() 对于空数组,函数是不会执行的。

findIndex() 并没有改变数组的原始值。

22. fill()

fill() 方法用于将一个固定值替换数组的元素。

参数:value 必须,填充的值

​ start 可选,开始填充的位置

​ end 可选,停止填充的位置,默认为array.length

23. keys()、values()、entries()

keys()是对键名的遍历、values()对键值的遍历、entries()是对键值对的遍历。

以上就是自己总结的数组的常用方法(很多概念都来自菜鸟教程)

JavaScript数组方法(最全)相关推荐

  1. js 数组从头添加到数组_如何从头开始实现JavaScript数组方法

    js 数组从头添加到数组 介绍 (Introduction) JavaScript includes several functions for working with arrays that go ...

  2. JavaScript 数组方法 遍历

    JavaScript 数组方法 创建一个数组 Concat()连接两个或更多的数组 并返回结果   join()用指定分隔符分隔数组并转换为字符串 Push()可向数组的末尾添加一个或多个元素,并返回 ...

  3. JavaScript数组方法学习(一):数组元素的增加和删除

    JavaScript数组方法学习(一):数组元素的增加和删除 文章目录 JavaScript数组方法学习(一):数组元素的增加和删除 前言 一.往数组里新增元素 1.在数组的最前面添加:unshift ...

  4. JavaScript数组方法大全(推荐)

    数组在笔试中经常会出现的面试题,javascript中的数组与其他语言中的数组有些不同,为了方便之后数组的方法学习,下面小编给大家整理了关于数组的操作方法,一起看看吧. 数组创建 JavaScript ...

  5. JavaScript数组方法大全解

    0 前言 本文只讲解标准化方法,而不会讲解实验性方法,如at().groupBy().groupByMap()和toSource(). 数组中的部分方法需要提供区间范围begin/start和end, ...

  6. JavaScript数组方法速查手册

    32个数组的常用方法和属性 一.数组属性 length - 长度属性 var arr = [ 'a', 'b', 'c' ]; console.log(arr.length); // 输出 3 // ...

  7. JavaScript数组方法终极指南-地图

    The map() method applies a function to each element in an array and returns a copy of the original a ...

  8. JavaScript数组方法(最新)包含ES10方法

    JS数组方法(最新) 数组方法 一.数组方法(添加,删除) 1.push() 2.pop() 3.unshift() 4.shift() 二.数组方法(插入,连接,反转,排序,剪切,拼接) 1.spl ...

  9. 史上最全JavaScript数组方法

    一.以下是不改变数组本身的方法 1.concat()用于合并两个或多个数组 const a = ['你是','什么'] const b = ['牛马'] const c = a.concat(b) c ...

  10. JavaScript数组方法三板斧,100%的开发都得知道

    全文共2882字,预计学习时长6分钟 图片来源:pexels.com/@freeimages9 在该文中,将介绍以下三种方法: 1. join()方法 2. split()方法 3. sort()方法 ...

最新文章

  1. mupdf不支持x64_ARM版Win10用户狂喜 微软全新补丁让应用不再不兼容
  2. SFB 项目经验-03-共存迁移-Lync 2013-TO-SFB 2015-完成
  3. 双系统 win10 时间不对
  4. 网站优化也逃不过“细节决定成败”定律
  5. 你的“苦劳”,真的不值钱!
  6. Spring 面试问题 TOP 50,你会哪些?
  7. 数据库基本----SQL语句大全
  8. python if语句 for语句 while语句
  9. java解析yml文件_如何基于JAVA读取yml配置文件指定key内容
  10. 详解 | Spring Boot 最核心的 3 个注解详解
  11. 网页设计师必备的35套图标(免费下载)
  12. [RHCSA学习笔记]Autofs实现自动挂载NFS共享
  13. spring 事务配置
  14. vue中style下scope的使用和坑
  15. STM32HAL库IIC驱动SH1108芯片OLED屏
  16. crmeb安装教程说明
  17. 转义sed替换模式字符串
  18. RMAN高级应用_pizi.pdf
  19. 中职计算机教育 论文题目,中职学校计算机教育论文
  20. 微信首页制作代码Android,微信满屏代码

热门文章

  1. OpenBSD身份验证绕过和权限提升漏洞
  2. 2014c语言考试题库,2014年腾讯校园招聘C语言考试真题
  3. 采购精英的行为准则(精典)
  4. 《雍正皇帝》文化专有词翻译策略的研究现状(纽马克)
  5. Access数据库修复 压缩
  6. python怎么表达我喜欢你的句子_关于我喜欢你的优美句子
  7. 使用Matlab将多个图形Figure文件合并
  8. STM32之DS1682
  9. iOS 一个功能很全的视频播放器
  10. php pcre 什么用,PHP—PCRE正则表达式性能 - pcre