千家信息网

Javascript数组常用方法是什么

发表于:2026-11-03 作者:千家信息网编辑
千家信息网最后更新 2026年11月03日,这篇文章将为大家详细讲解有关Javascript数组常用方法是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。1.push 向数组内添加一个或多个元素,添加到数组
千家信息网最后更新 2026年11月03日Javascript数组常用方法是什么

这篇文章将为大家详细讲解有关Javascript数组常用方法是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

1.push 向数组内添加一个或多个元素,添加到数组的最后面,方法返回值是新数组的长度。

arr.push(200)arr.push(200,2,32)

2.pop 删除数组末尾的一个元素,不需要传参,方法返回值是被删除的元素 。

arr.pop()

3.unshift 向数组中添加一个或多个元素,添加到最前面,返回值是新数组的长度。

arr.unshift(1)arr.unshift(1,2)arr.unshift(1)arr.unshift(1,2)

4.shift 删除数组最前面的一个元素 返回值是被删除的元素。

arr.shift()

5. concat 拼接两个数组,返回拼接后的数组,原数组不变。

let arr1 = [1,2]let arr2 = [2,3]arr1.concat(arr2)console.log(arr1); // [1,2]console.log(arr1.concat(arr2)); // [1,2,2,3]

6. reverse 数组颠倒,返回颠倒后的数组,原数组改变。

arr.reverse()

7.slice 数组的截取,包括开头,不包括结尾,返回截取后的数组,原数组不变。

let arr = [1,2,3,4,5,6]// 填两个参数 a,b 从a截取到b 不包括b// 填一个参数 a 从a截取到末尾// 不填参数 从0截取到最后//截取arr 里面的 3-5 也就是数组下标2-4 但是第二个参数不包括 所以就是 2-5arr.slice(2,5)

8.splice 数组的添加或者删除,返回被删除的元素组成的数组,原数组改变。

//用法 splice(a,b,c)//a 表示添加或者删除的开始的下标//b 表示删除的个数 不想删除只想添加 b写成0//c 表示添加的元素 添加的元素可以是多个 c,d,e 不添加就不用写cvar arr = [1,2,3,4,5,6]// 把4删除 换成10arr.splice(3,1,10)

9.join 将数组内的所有元素以某个值进行字符串拼接,默认是以 , 拼接。返回值是拼接的字符串,原数组不变。

let arr = [1,2,3,4,5,6]arr.join()arr.join('-')

10.indexOf 检测数组中是否存在某个元素 ,存在的话返回第一次找到的下标,不存在返回 -1,原数组不变。

let arr = [1,2,3,4,5,6]  let ind = arr.indexOf(5)

11.lastIndexOf 和 indexOf用法一样,从数组后面开始找。

12.includes 检测数组中是否存在某个元素 存在返回 true 不出在返回false 用法和indexOf一样。

13.sort 对数组进行排序,返回排序后的数组,原数组改变。

// 汉字看笔画 英文字母看因为字母顺序// 默认排序是按照首字符的顺序开始排序的let arr = [2,3,5,4,9,6]arr.sort()//sort可以写函数// a,b 代表的就是数组中相邻的两个数// 从小到大排arr.sort(function(a,b){    return a - b})

14.every 检测数组内的所有元素是否满足某个条件, 有一个必须参数,返回值是布尔值。

let arr = [100,15,50,110]let myarr = arr.every(function(el){    return el>14})console.log(myarr) //true

15.some 检测数组内是否有元素满足某个条件,有一个必须参数,返回值是布尔值。

var arr = [100,15,50,110]var myarr1 = arr.some(function(el){      return el>100})console.log(myarr1) //true

16.find 返回数组中匹配的 第一个元素 的值,没有返回 undefined,有一个必须参数。

var arr = [100,15,50,110]var myarr2 = arr.find(function(el){      return el > 10})console.log(myarr2) // 100

17.findIndex 方法同find 返回值是对应的索引值。

18.filter 返回符合条件的元素形成一个新数组 ,返回值是一个数组

var arr = [100,15,8,50,110]var myarr3 = arr.filter(function(el){      return el<18})console.log(myarr3) //[15,8]

19.map 创建一个数组,该数组中每个元素是调用过函数之后返回的值。

var arr = [100,15,8,50,110]var arr5 = arr.map(function(el){    return el*1+5   })console.log(arr5); //[105, 20, 13, 55, 115]

20.reduce 用这个方法可以实现以上的所有方法 比如数组内数累加,返回值是单个数

// reduce(函数,最终结果的初始值)// 每次遍历的函数,有四个参,每次查询数组的元素时执行的函数// function(res,ele,index,array)// res 结果变量// ele 数组内元素// index 对应的索引// array 原数组// 必须设置返回值,上一次返回的值是res的值,最后返回值是最终结果,也是reduce函数的返回值。let arr = [100,15,8,50,110]// res 是自己创的累加器 ele是当前值let total = arr.reduce(function(res,ele){    return res + ele},0)

关于"Javascript数组常用方法是什么"这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

数组 元素 方法 参数 函数 排序 检测 下标 两个 多个 条件 篇文章 结果 常用 个数 字母 字符 字符串 就是 布尔 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 中智农互联网科技 保险科技 互联网保险 上海喔噻互联网科技有限公司 广州为想互联网科技有限公司 科技服务与互联网 互联网金融公司科技 互联网科技的英文 广州紫鲸互联网科技 左右互联网络科技 广州慧亚互联网科技怎么样 宁夏科技产业互联网案例 电子科技大学互联网创业大赛 互联网保险科技创业 为客找房互联网科技公司怎么样 珠海东科互联网科技有限公司 互联网公司属于科技吗 兰石爱特工业互联网科技分公司 易租星互联网科技有限公司 科技互联网公司两年变化 广州全民伙伴互联网科技有限公司 互联网科技深圳 互联网科技会 互联网品科技 百单互联网科技有限公司 广州互联网络科技有限公司 以后互联网后是啥科技 江阴互联网智能科技产品进口 互联网在线教育科技创业 朱啸虎曾投资哪些互联网科技企业 互联网的科技体现在哪里
0