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. JVM致命错误日志详解

    目录 文件描述 文件位置 文件头 错误信息记录 JVM运行信息 崩溃原因 错误信息 线程描述 线程信息 信号信息 计数器信息 机器指令 内存映射信息 线程堆栈 其他信息 进程描述 线程列表 虚拟机状态 ...

  2. ansible的剧本play(四)

    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAA68AAAETCAYAAADZDzDOAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjw

  3. 设置 cipher suite

    https://man.openbsd.org/SSL_CTX_set_cipher_list.3#ECDHE SSL_CTX_set_cipher_list() sets the list of a ...

  4. 在java中使用JMH(Java Microbenchmark Harness)做性能测试

    文章目录 使用JMH做性能测试 BenchmarkMode Fork和Warmup State和Scope 在java中使用JMH(Java Microbenchmark Harness)做性能测试 ...

  5. 深拷贝、浅拷贝与Cloneable接口

    深拷贝与浅拷贝 浅拷贝 public class Student implements Cloneable{ Integer a; Integer b; @Override protected Obj ...

  6. java基于OpenCV的人脸识别

    基于Java简单的人脸和人眼识别程序 使用这个程序之前必须先安装配置OpenCV详细教程见:https://www.cnblogs.com/prodigal-son/p/12768948.html 注 ...

  7. 【Linux题目】第九关

    前言:项目整合 企业项目实战考试: 1. 全网备份解决方案实战 2. NFS集群后段共享存储搭建优化 3. 解决NFS单点实现实时数据同步. 环境: 服务器角色 外网ip 内网ip 主机名 web 1 ...

  8. dijkstra preiority_queue优化 紫书学习

    #include<bits/stdc++.h> using namespace std; const int maxn=1000+10; const int INF=1000000000; ...

  9. 参加Windows7深圳社区发布会

    昨天下午参加了深圳DotNet俱乐部组织的Windows7深圳社区发布会. 开场:朱兴林,俱乐部简介及Win7的发布情况 Session 1,万洪,Windows7的新特性 Session 2,张善友 ...

  10. Linux shell基础(五)sed命令

    一.sed命令 sed是一种强大的流式编辑器 (stream editor for filtering and transforming text),它能够完美的使用正则表达式,逐行处理文本并把结果显 ...