说起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. 2 webpack 4 加vue搭建开发环境最终配置

    1 package.json { "name": "c", "version": "1.0.0", "desc ...

  2. Go 方法使用

    方法的定义 在 Go 语言里,方法和函数只差了一个,那就是方法在 func 和标识符之间多了一个参数. type user struct { name string, email string, } ...

  3. 【leetcode】610. Triangle Judgement

    原题 A pupil Tim gets homework to identify whether three line segments could possibly form a triangle. ...

  4. java - day010 - 基本类型包装,自动装箱和拆箱,日期,集合

    基本类型的包装类 byte Byte short Short int Integer long Long float Float double Double char Character boolea ...

  5. Hosts 长期更新【已停】

    修改hosts篇 [2018.1.3] 由于google的对应的hosts更新过于频繁,再加上上次(18+1)大之后,国家政策原因,网上hosts更新基本上都停了,github的项目也陆续挂掉了. 还 ...

  6. 3.Hbase数据模型

    3.1.Hbase数据模型: 概念视图: 物理视图 Hbase数据在存储系统中是以列族来体现的[Column Family],任何时候可以随意的添加一列到已经存在的列族中 空的单元格在表中不做存储也不 ...

  7. ThreadLocal 是什么?(未完成)有哪些使用场景?(未完成)

    ThreadLocal 是什么?(未完成)有哪些使用场景?(未完成)

  8. 标准库类型之vector

    上篇中遗留了一个小作业,就是用string中的find_first_not_of和find_last_not_of函数来实现字符串左右空格的去除,先来完成它,实现的思路是先来编写去除左空格,然后再编写 ...

  9. LeetCode刷题--有效的括号(简单)

    题目描述 给定一个只包括 ' ( ' , ' )  ',  ' { ' , ' } ' , ' [ ' , ' ] ' 的字符串,判断字符串是否有效.有效字符串需满足: 左括号必须用相同类型的右括号闭 ...

  10. vue 有条件加载组件 执行某方法后再渲染组件

    <component :is="currentCom"></component>   import Grid from './component/grid' ...