arr.join(str)

  • 把arr使用str拼接成字符串
  • str拼接符
  • 返回:String

arr.reverse()

  • 翻转数组
  • 翻转操作的是原数组
  • 返回:Array数组

arr.concat(arr1,arr2)

  • 把参数数组和源数组进行拼接,形成一个新的数组
  • 返回:Array

arr.length

  • 数组的元素个数注意:真实的元素个数和length的值不一定相等,一个数组的length = 数组的最大索引值 + 1
  • 可读可写,这就意味着,我们可以对一个数组的length进行修改,如果length的值修改成小于现有数组索引的值,那么大于修改后的length的值将会被自动删除,所以,除非我们知道修改length所带来的问题,否则不要轻易的去修改length属性

添加类

arr.push(data1[data2...])

  • 向数组的尾部添加新的数据
  • 返回:Number,返回新数组的长度

arr.unshift(data1[data2...])

  • 向数组的头部添加新的数据
  • 返回:Number,返回新数组的长度

删除类

arr.pop()

  • 删除数组的最后一个
  • 返回:被删除的元素
  • 返回类型:被删除元素的类型

arr.shift()

  • 删除数组第一个
  • 返回:被删除的元素
  • 返回类型:被删除元素的类型

arr.splice([start,count,data1...])

  • 删除数组指定位置的内容,并在删除的位置添加新的数据
  • start删除的起始位置,默认为0
  • count要删除元素的个数,默认为0
  • data1...要添加的新的元素
  • 返回:Array,被删除的元素

arr.slice(start,end)

  • 截取从start位置开始到end位置结束,不包含end位置的元素
  • start截取的起始位置,默认为0
  • end截取的结束位置,默认数组的length
  • 返回:Array,被截取的元素

循环类

arr.forEach(callback)

  • 循环遍历数组元素
  • 当我们调用数组的forEach方法的时候,这个方法的内部会循环该数组,每次循环都会调用传入的callback
  • callback:函数,在forEach循环遍历的时候被调用
arr.forEach(function(value,key){
console.log(key,value)
})
value:循环过程中对应的值
key:循环过程中对应的下标

arr.map(callback)

  • 循环遍历数组元素
  • 目的:创建新数组
  • 根据已有的数组,创建一个结构类似的新数组
  • 返回:Array数组

arr.filter(callback)

  • 循环遍历数组元素
  • 目的:创建新数组
  • 根据一个已有数组床架新数组,如果回调函数返回true,就保留当前循环的原始值,如果是false,就会丢弃
  • 保留下的是过滤后的原数组

arr.sort(callback)

  • 默认根据unicode编码来排序
  • 我们可以传入一个回调函数来设置排序的规则
  • callback:回调函数,设置排序规则
    • 根据函数的return值来决定要不要交换位子
    • 排序:交换 小于等于0,不交换位子 大于0,交换位子

arr.from(arr)

  • 用于将类数组对象转化为真正的数组

arr.of(str1,str2,...)

  • 用于将一组参数转化为数组
  • 可以解决原始创建数组的方法中的一个问题:如果new Array(3),如果只是传入一个数字作为参数这个参数会被当做数组的长度,而不是内容

arr.keys()

  • 用于for of对数组和键名的遍历
  • 语法
for(let index of arr.keys()){}

arr.entries()

  • 用于for of对数组键值对的遍历
  • 语法
for(let [index,ele] of arr.entries()){}

JS数组的常用方法的更多相关文章

  1. JS数组array常用方法

    JS数组array常用方法 1.检测数组 1)检测对象是否为数组,使用instanceof 操作符 if(value instanceof Array) { //对数组执行某些操作 } 2)获取对象的 ...

  2. js 数组的常用方法归纳

    数组的常用方法归纳 slice(start,end) 传参:start代表从哪里开始截取,end代表截取结束的地方 var a = [1,2,3]a.slice(1);//[2,3] pop() 可以 ...

  3. js数组去重常用方法

    js数组去重是面试中经常会碰到的问题,无论是前端还是node.js数组常见的有两种形式,一种是数组各元素均为基本数据类型,常见的为数组字符串格式,形如['a','b','c'];一种是数组各元素不定, ...

  4. js数组的常用方法(10种)

    数组的常用方法 数组在JavaScript中经常使用,如何对数组进行增删改非常重要,下面为数组的常用方法: 在数组末尾插入元素 arr.push(value),在数组的末尾添加一个或多个元素,并返回数 ...

  5. js 数组的常用方法

    pop,push,reverse,shift,sort,splice,unshift 会改变原数组 join,concat,indexOf,lastIndexOf,slice,toString 不会改 ...

  6. JS数组操作常用方法

    toString():把数组转换成一个字符串 toLocaleString():把数组转换成一个字符串 join():把数组转换成一个用符号连接的字符串 shift():将数组头部的一个元素移出 un ...

  7. js数组对象常用方法小结

    ~~~数组添加元素后一般返回数组的新长度 如: push(ele1[,ele2...]), unshift(ele1[,ele2...]) ~~~数组删除元素后一般返回被删除的元素 如: pop() ...

  8. JS 数组Array常用方法

    参考网站: http://www.jb51.net/article/60502.htm,作者:junjie 今天在使用js切割字符串"浙江,江苏 , 天津,"...这样字符串的时候 ...

  9. js 数组操作常用方法

    push():在数组后面加入元素,并返回数组的长度: unshift():在数组前面就如元素,并返回数组的长度: pop():删除最后一个元素: var arr =[1,2,3,4,5] ; arr. ...

  10. JS 数组的常用方法详解归纳之改变原数组方法

    shift() 把数组的第一个元素从其中删除,并返回第一个元素的值, 如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值.请注意,该方法不创建新数组,而是直接修改 ...

随机推荐

  1. spring-boot-lll-starter自动化框架介绍

    1. spring-boot-lll-starter自动化框架介绍 1.1. 前言 舔着脸来介绍一波我刚写的自动化框架,spring-boot-lll-starter框架是经由我企业实战总结的一套,适 ...

  2. SourceTree for Windows跳过登录解决方法

    来源:https://blog.csdn.net/t_332741160/article/details/79611303 SourceTree 是一个强大的git管理客户端,但是在使用最新版需要登录 ...

  3. 《JAVA8开发指南》使用流式操作

    为什么需要流式操作 集合API是Java API中最重要的部分.基本上每一个java程序都离不开集合.尽管很重要,但是现有的集合处理在很多方面都无法满足需要. 一个原因是,许多其他的语言或者类库以声明 ...

  4. 日志分析工具ELK(一)

    一.ELK介绍 1.1 elasticsearch 1.1.1 elasticsearch介绍 ElasticSearch是一个基于Lucene的搜索服务器.它提供了一个分布式多用户能力的全文搜索引擎 ...

  5. 【Django】runserver 0.0.0.0:0 后,究竟发生了什么

    WSGI协议 Django是遵循WSGI协议设计的 WSGI协议主要包括server和application两个部分: WSGI server:负责从客户端接收请求,将request转发给applic ...

  6. Hyperledger Fabric基础知识

    文章目录 什么是Hyperledger Fabric? Hyperledger架构是怎么工作的? Hyperledger交易如何执行 总结 Hyperledger Fabric基础知识 本文我们会介绍 ...

  7. Tomcat 8 Host-Manager配置访问的方法,全网唯一正确配置

    2019独角兽企业重金招聘Python工程师标准>>> 环境: 操作系统:         Linux version 2.6.32-696.10.1.el6.x86_64 (moc ...

  8. Python第三方库之Numpy库

    概述 Numpy  最基本的库,是用于处理含有同种元素的多维数组运算的第三方库 —科学计算包,python数据分析及科学计算的基础库,几乎支撑所有其他库 —支持N维数组运算.处理大型矩阵.成熟的广播函 ...

  9. Spring官网阅读(八)容器的扩展点(三)(BeanPostProcessor)

    在前面两篇关于容器扩展点的文章中,我们已经完成了对BeanFactoryPostProcessor很FactoryBean的学习,对于BeanFactoryPostProcessor而言,它能让我们对 ...

  10. Spring Cloud Stream学习(五)入门

    前言: ​ 在了解完RabbitMQ后,再来学习SpringCloudStream就轻松很多了,SpringCloudStream现在主要支持两种消息中间件,一个是RabbitMQ,还有一个是KafK ...