返回顶部
首页 > 资讯 > 精选 >Javascript数组常用方法是什么
  • 728
分享到

Javascript数组常用方法是什么

2023-06-29 06:06:06 728人浏览 独家记忆
摘要

这篇文章将为大家详细讲解有关javascript数组常用方法是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。push 向数组内添加一个或多个元素,添加到数组的最后面,方法返回值是新数组的长度。arr.

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

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

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

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

arr.pop()

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

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

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

arr.shift()

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]

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

arr.reverse()

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)

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)

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

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

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

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

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

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

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

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

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

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

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

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

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

--结束END--

本文标题: Javascript数组常用方法是什么

本文链接: https://lsjlt.com/news/323091.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • Javascript数组常用方法是什么
    这篇文章将为大家详细讲解有关Javascript数组常用方法是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。push 向数组内添加一个或多个元素,添加到数组的最后面,方法返回值是新数组的长度。arr....
    99+
    2023-06-29
  • javascript数组常用方法有什么
    本篇内容主要讲解“javascript数组常用方法有什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“javascript数组常用方法有什么”吧!常用方法:1、...
    99+
    2024-04-02
  • javascript es6数组方法是什么
    这篇文章主要介绍“javascript es6数组方法是什么”,在日常操作中,相信很多人在javascript es6数组方法是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解...
    99+
    2024-04-02
  • 常用的JavaScript数组方法
    目录1、filter()2、forEach()3、some()4、every()5、reduce()6、合并数组1、filter() 语法: array.filter(functi...
    99+
    2024-04-02
  • JavaScript常用数组去重方法
    本篇内容主要讲解“JavaScript常用数组去重方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript常用数组去重方法”吧!数组去重,一般都是在面试的时候才会碰到,一般是要求手...
    99+
    2023-06-20
  • javascript清除数组的方法是什么
    这篇文章主要介绍javascript清除数组的方法是什么,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!javascript清除数组的方法:1、使用splice方法,代码为【ary.splice(0,ary.lengt...
    99+
    2023-06-14
  • JavaScript数组有哪些常用方法
    这篇文章主要介绍了JavaScript数组有哪些常用方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。1、前言数组方法有太多了,本文记录一些本人容易记错的一些数组方法,用于巩...
    99+
    2023-06-25
  • 详解JavaScript数组的常用方法
    目录数组的常用方法pop()unshift()shift()slice()splice()数组元素去重concat()join()reverse()sort()总...
    99+
    2024-04-02
  • javascript数组有什么方法
    这篇文章给大家分享的是有关javascript数组有什么方法的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。javascript数组的方法有:1、【isArray()】方法用来判断变量是否是一个js数组;2、【fo...
    99+
    2023-06-14
  • JavaScript中常用的数组操作方法
    目录一、concat()二、join()三、push()五、shift()六、unshift()七、slice()八、splice()九、substring() ...
    99+
    2024-04-02
  • JavaScript数组常用的方法有哪些
    这篇文章主要介绍“JavaScript数组常用的方法有哪些”,在日常操作中,相信很多人在JavaScript数组常用的方法有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”...
    99+
    2024-04-02
  • JavaScript常用的数组方法有哪些
    这篇文章主要讲解了“JavaScript常用的数组方法有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript常用的数组方法有哪些”吧!不会...
    99+
    2024-04-02
  • JavaScript中常用的数组过滤方法
    在 JavaScript 编程中,经常会遇到需要对数组进行筛选和过滤的情况。本文将介绍几种常用的数组过滤方法,帮助你在处理数组数据时更加灵活高效。 1. 使用filter()方法 filter() 方...
    99+
    2023-10-21
    javascript 前端 开发语言
  • 常用的JavaScript数组方法有哪些
    常用的JavaScript数组方法有:1. push():将一个或多个元素添加到数组的末尾,并返回新数组的长度。2. pop():删...
    99+
    2023-10-12
    JavaScript
  • JavaScript数组 几个常用方法总结
    目录1、前言2、filter()3、map()4、sort()5、reduce()6、forEach()7、方法列表8、本文参考1、前言 数组方法有太多了,本文记录一些本人容易记错的...
    99+
    2024-04-02
  • JavaScript数组去重的五种方法是什么
    本篇内容介绍了“JavaScript数组去重的五种方法是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!...
    99+
    2024-04-02
  • JavaScript数组常用方法解析及数组扁平化
    目录前言一、常用数组操作方法push末尾追加元素pop删除数组末尾元素sort排序shift数组开头添加元素 && unshift数组开头删除元素数组合并concat...
    99+
    2024-04-02
  • Javascript数组常用方法你都知道吗
    我用这些方法主要从五个方面去学习。 1.方法是干什么的。 2.谁能用 (当然是数组啦)。 3.有没有返回值,返回值是什么。 4.修不修改原来的对象。 5.如何使用。 接下来就是干货了...
    99+
    2024-04-02
  • JavaScript操作数组的常用方法总结
    我们在日常开发过程中,使用到原生 JavaScript的时候,有时候会频繁的对数组进行操作,今天我把工作以来,经常用到的有关 JavaScript数组的方法总结一...
    99+
    2024-04-02
  • JavaScript数组常见使用方法有哪些
    今天小编给大家分享一下JavaScript数组常见使用方法有哪些的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。1. push...
    99+
    2023-07-04
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作