说起Array的方法,不免让人皱一下眉头,下面我们从增删改查角度依次来总结。

1.增

  push: 将传入的参数 ,插入数组的尾部,并返回新数组的长度。不管传入参数为一个值还是一个数组,都作为插入数组的一个元素。

  concat: 将传入的参数,插入数组的尾部,并返回新数组,而插入数组不会改变。如果参数为一个数组,将会拆分元素并依次插入。

  unshift: 将掺入的参数,插入数组的头部,并返回新数组的长度。不管传入参数为一个值还是一个数组,都作为插入数组的一个元素。

  splice:  参考下面

     

   

2.删

  pop:从数组中删除最后一个元素,并返回该元素的值。此方法更改数组的长度。传入参数,都会删除最后一个元素。

  shift: 从数组中删除第一个元素,并返回该元素的值。此方法更改数组的长度。传入参数number或是里面的元素,都删除第一个元素。

       

 3 改

  splice:  通过删除或替换现有元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。 三个参数 (start,deleteCount,item)

    参数 start 表示数组修改的开始的位置,如果start大于数组的长度 则在最末尾修改;如果start为负值 则从数组末尾开始计数;如果start为负数且绝对值大于数组长度,则从数组开始位置修改

    参数 deleteCount 表述数组删除的元素个数,如果 deleteCount <= 0 则不删除元素,至少会添加元素;如果deleteCount 忽略 或者 deleteCount > 0 并且大于数组之后的长度,则长度为数组从开始位置到结束的长度

         

  4 查

    (1)indexOf: 返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1。不会改变原数组

    (2)some:测试是否至少有一个元素通过由提供的函数实现的测试。不会改变原数组

    (3)every:测试数组的所有元素是否都通过了指定函数的测试。不会改变原数组

    (4)filter:创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。不会改变原数组

    (5)map:创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。循环之前已经定义了数组的范围

    (6)foreach:对数组的每个元素执行一次提供的函数。期间数组变化影响循环

    (7)keys:返回一个包含数组中每个索引键值的新数组。

    (8)values:回一个新的数组,该对象包含数组每个索引的值

    (9)includes:来判断一个数组是否包含一个指定的值,根据情况,如果包含则返回 true,否则返回false。

   5 其他操作

    (1)join: join 将一个数组的所有元素连接成一个字符串并返回这个字符串, 原素组不变;   split(string的方法) 将字符串分割成数组

     (2)sort:对数组的元素进行排序,并返回数组。默认为升序(按照首字母和数字大小),如果需要特殊的排序规则可以通过传人一个sortby方法进行自定义。原数组改变

      (3)slice:返回一个新的数组对象,这一对象是一个由 begin和 end(不包括end)决定的原数组的浅拷贝。原始数组不会被改变。

      (4)reverse:将数组中元素的位置颠倒,并返回该数组。该方法会改变原数组。

           

   总结

    当把数组的方法归完类,就觉得好记了好多,继续加油。

Js中Array常用方法小结的更多相关文章

  1. JS数组array常用方法

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

  2. JS中Array数组的三大属性用法

    原文:JS中Array数组的三大属性用法 Array数组主要有3大属性,它们分别是length属性.prototype属性和constructor属性. JS操作Array数组的方法及属性 本文总结了 ...

  3. javascript中Array常用方法

    一.基本概念 1.什么是数组 数组就是一组数据的集合 其表现形式就是内存中的一段连续的内存地址 数组名称其实就是连续内存地址的首地址 2.关于js中的数组特点 数组定义时无需指定数据类型 数组定义时可 ...

  4. String方法,js中Array方法,ES5新增Array方法,以及jQuery中Array方法

    相关阅读:https://blog.csdn.net/u013185654/article/details/78498393 相关阅读:https://www.cnblogs.com/huangyin ...

  5. JS中的数据类型小结

    首先说说JS数据类型的分类.分为标准型和typeof类型(即控制台打印,浏览器区分) 标准型:基本类型中有:number.string.boolean.undefined.null  复合类型:obj ...

  6. 原生js中的常用方法的写法

    1.js深度克隆的方法 //第一种 function deepClone(obj){ var str,newObj = obj instanceof Array? [] : {}; if(typeof ...

  7. js中Array的一些扩展

    IE下很多Array的方法都不被支持.每次都要写.所以记下来,以免忘记: 以下是对Array的一些扩展,在FF ,google 下是不需要加的. /** * 方法Array.filter(functi ...

  8. JS中Array详细用法

    1.数组的创建 var name= new Array(); //创建一个数组 name[0]="zhangsan";   //给数组赋值 name[1]="lisi&q ...

  9. js中array的join和concat的区别

    首先:concat方法定义:concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本.举例说明:1 /*concat()结果返回的是一个数组*/ 2 3 ...

随机推荐

  1. Form key length limit 2048 exceeded ,提交数据时,数据的键过长 或者是上传文件过大

    在ASP.NET Core MVC中,文件的key 默认最大为2048,文件上传的最大上传文件默认为20MB,如果我们想上传一些比较大的文件,就不知道怎么去设置了,没有了Web.Config我们应该如 ...

  2. Python函数知识点总结

    1.函数的定义2.如何定义一个函数以及函数语法3.函数的调用4.函数的参数(形参,实参)以及参数的传递5.函数的返回值6.变量的作用域7.匿名函数8.嵌套函数和闭包9.装饰器10.函数思维导图 1.函 ...

  3. vue、react中循环遍历为什么会有key,key有什么作用?

    先讲一下,vue和react都是在操作虚拟dom,并且根据diff算法进行新旧dom对比,从而更新dom,以vue举例: vue官方文档中写到有 key 的特殊属性主要用在 Vue 的虚拟 DOM 算 ...

  4. js实现千位分隔符

    var s=123456789; var seperate=s.toString().replace(/\B(?=(\d{3})+$)/g,',');

  5. 同一个url对应多个视图函数,取第一个视图函数有效

    # -*- coding: utf-8 -*- from flask import Flask app = Flask(__name__) @app.route('/') def index(): r ...

  6. Ubuntu 远程管理常用命令

    目标 关机/重启 shutdown 查看或配置网卡信息 ifconfig ping 远程登录和复制文件 ssh scp 01. 关机/重启 序号 命令 对应英文 作用 01 shutdown 选项 时 ...

  7. idou教你学Istio10 : 如何用Istio实现K8S Egress流量管理

    上一篇我们了解了如何控制入口流量,本文主要介绍在使用Istio时如何访问集群外服务,即对出口流量的管理. 默认安装的Istio是不能直接对集群外部服务进行访问的,如果需要将外部服务暴露给 Istio ...

  8. Java基础 与时间日期相关的类:System -Date -SimpleDateFormat -Calendar类 -解决后缀.000Z 的时区问题

    笔记总结: /**与时间相关的类:System_Date_SimpleDateFormat_Calendar类 * 1.system 类下的currentTimeMillis() * 输出从1970年 ...

  9. 2018/7/31-zznu-oj-问题 B: N! 普拉斯 -【求大数的阶乘-ll存不下-然后取尾零的个数输出-暴力模拟】

    问题 B: N! 普拉斯 时间限制: 1 Sec  内存限制: 128 MB提交: 114  解决: 35[提交] [状态] [讨论版] [命题人:admin] 题目描述 在处理阶乘时也需要借助计算器 ...

  10. 0008SpringBoot中的spring.config.location对于运维的用处

    在工作过程中,若项目已经打好包,application.properties中的配置文件已经不能修改,但是还是需要修改一些参数或者新增一些参数的情况下怎么办? 可以单独再定义一个配置文件,比如定义名称 ...