数组是JavaScript中的常用类型,本文详述了数组的基本知识以及一些常用的数组方法,并对每种方法进行了详细解释

数组定义

  1. 用字面量直接定义

    1
    var arr=[0,0,0]; //注意,是方括号
  2. 通过new Array();

  • 参数为一个时,表示数组的长度
  • 参数为多个时,则表示数组元素

数组增删

  • arr(arr.length)=0; //在数组最后面添加元素
  • push()/pop(); //在数组最后面增删元素
  • unshift()/shift(); //在数组最前面增删元素

数组迭代

for…in,eg:for(i in arr){}

  • 遍历数组
  • 会把数组原型链上的元素一同遍历出来
  • 是无序遍历

二维数组

定义:
var arr=[[0,1],[0,1]]

稀疏数组

并不含有从0开始的连续索引,一般数组的length会比实际元素个数大。不连续的索引返回undefined,可利用此判读。

数组方法

数组原型链上提供了大量方法

Array.prototype.join()

  • 将数组转为字符串,同时将传入字符串插入每个元素中间,可通过此方法将字符串重复
1
2
3
4
5
function reapeatString(str,n)
{
return new Array(n+1).join(str);
}
reapeatString(hi,3); //hihihi

Array.prototype.reverse()

  • 将数组逆序,直接修改数组

Array.prototype.sort()

  • 将数组排序,默认按字母升序排列,直接修改数组
  • 可按自定义规则排序,传入比较函数
1
2
3
arr.sort(function(a,b){
return a-b;
})

按正常数值相减的正负返回,是升序排列;按正常数值相减的正负符合取反,是降序排列.
传入的a,b可以是对象或数组(但都是某个数组的元素),相减时再具体到数组的第几个数值或对象的哪个属性,最后会按结果对包含数组排序

Array.prototype.concat()

  • 合并数组,不直接修改原数组,需通过返回值才能拿到结果
    • 若传入参数是一维数组,会被拉平
    • 若传入参数是二维数组,,会拉平最外第一维,元素数组格式不变
 function reapeatString(str,n)
{
return new Array(n+).join(str);
}
reapeatString(hi,); //hihihi

获取部分数组,arr[n]到arr[m-1],即左闭右开Array.prototype.slice(n,m)

  • Array.prototype.slice(n),从arr[n]到最后,包含最后的所有元素
  • 若参数为负值,则表示由后往前的索引值,最后一个元素为-1

Array.prototype.splice()

  • 删除和添加部分数组,对原数组直接修改
  • 传入参数:
    • 第一个:索引
    • 第二个:删除个数 (可无)
    • 后面:将添加的数组,在索引处添加 (可无)

Array.prototype.forEach(function(x,index,a){})

  • 遍历数组,对每个元素调用回调函数
  • 回调函数可传入三个参数:元素的值,元素的索引,数组本身

E5S的新方法,IE9及以上支持,接下来都是

Array.prototype.map(function(x,index,a){})

  • 数组映射,对每个元素按函数里的映射方式进行映射,不直接修改原数组

Array.prototype.filter(function(x,index,a){})

  • 数组过滤,按回调函数返回值的真假,过滤掉为真的元素,不直接修改原数组,通过返回值拿结果

Array.prototype.every(function(x,index,a){})

  • 数组判断,每一个元素,回调函数都返回真时,返回真。发现有不满足的元素,就不继续遍历了

Array.prototype.some(function(x,index,a){})

  • 数组判断,存在元素,回调函数返回真时,返回真。发现有满足的元素,就不继续遍历了

Array.prototype.reduce(function(x,y){})

  • 数组元素累加,对数组元素逐个进行操作,每次操作的结果将用于下一次操作
  • 回调函数传入参数
    • 第一个:上次回调函数的返回值,第一次时为数组第一个元素
    • 第二个:这次将操作的数组元素,第一次时为数组第二个元素

Array.prototype.indexOf(要查找的元素,开始查找的位置)

  • 查找元素
  • 返回值:首个被找到的元素在数组中的索引位置; 若没有找到则返回 -1

Array.isArray(所要检查的对象)

    • 检查对象是否为数组,是返回true,否则false
    • 为构造器上的方法

JavaScript——数组的更多相关文章

  1. Javascript数组操作

    使用JS也算有段时日,然对于数组的使用,总局限于很初级水平,且每每使用总要查下API,或者写个小Demo测试下才算放心,一来二去,浪费不少时间:思虑下,堪能如此继续之?当狠心深学下方是正道. 原文链接 ...

  2. Javascript数组操作(转)

    1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限, ...

  3. JavaScript 数组

    JavaScript 数组 简介:数组是值的有序集合,JavaScript在同一个数组中可以存放多种类型的元素,而且是长度也是可以动态调整的,可以随着数据增加或减少自动对数组长度做更改. 一:创建数组 ...

  4. 也谈面试必备问题之 JavaScript 数组去重

    Why underscore (觉得这部分眼熟的可以直接跳到下一段了...) 最近开始看 underscore.js 源码,并将 underscore.js 源码解读 放在了我的 2016 计划中. ...

  5. js 判断数组包含某值的方法 和 javascript数组扩展indexOf()方法

    var  questionId = []; var anSwerIdValue = []; ////javascript数组扩展indexOf()方法 Array.prototype.indexOf ...

  6. JavaScript 数组 length 属性获取数组长度或设置数组元素的数目

    JavaScript 数组 length 属性 JavaScript 数组 length 属性可返回或设置或组中元素的数目,语法如下: array_object.length 利用 length 属性 ...

  7. 【读书笔记】-- JavaScript数组

    数组是一段线性分配的内存,它通过整数计算偏移并访问其中的元素.大多数的语言都会要求一个数组的元素是相同类型,但JavaScript数组可以包含任意类型. var misc = ['string', n ...

  8. 什么才是正确的javascript数组检测方式

    前面的话 对于确定某个对象是不是数组,一直是数组的一个经典问题.本文专门将该问题择出来,介绍什么才是正确的javascript数组检测方式 typeof 首先,使用最常用的类型检测工具——typeof ...

  9. javascript数组对象排序

    javascript数组对象排序 JavaScript数组内置排序函数 javascript内置的sort函数是多种排序算法的集合 JavaScript实现多维数组.对象数组排序,其实用的就是原生的s ...

  10. javascript数组的知识点讲解

    javascript数组的知识点讲解 阅读目录 数组的基本方法如下 concat() join() pop() push() reverse() shift() sort() splice() toS ...

随机推荐

  1. Matlab使用技巧

    (1) Matlab强制退出正在运行的程序A: Ctrl + C(2)如何让Matlab跑完程序后自动关机?A: 在程序的末尾加上一条代码:    system('shutdown -s')   当然 ...

  2. ImageView android:scaleType="centerCrop"

    转载地址:http://www.cnblogs.com/yejiurui/archive/2013/02/25/2931767.html 在网上查了好多资料,大致都雷同,大家都是互相抄袭的,看着很费劲 ...

  3. Unity 消息管理(观察煮模式)

    一.首先定义一份消息号(消息号用来标记发出的每一条消息,接收者通过注册要监听的消息号来监听相应的消息) public enum MSG_IDS { NONE = -, MSG_TEST01 = , M ...

  4. sql语句常用功能(null值转换为0)

    COALESCE(规格,' ') 或者 COALESCE(规格,0) select * from ( ) 客户,() 物料号,p4.name 内部批次,p4.outsidename 外部批次,p1.库 ...

  5. CF915G Coprime Arrays 莫比乌斯反演、差分、前缀和

    传送门 差分是真心人类智慧--完全不会 这么经典的式子肯定考虑莫比乌斯反演,不难得到\(b_k = \sum\limits_{i=1}^k \mu(i) \lfloor\frac{k}{i} \rfl ...

  6. BZOJ3714 PA2014 Kuglarz 最小生成树

    题目传送门 题意:有$N$个盒子,每个盒子中有$0$或$1$个球.现在你可以花费$c_{i,j}$的代价获得$i$到$j$的盒子中球的总数的奇偶性,求最少需要多少代价才能知道哪些盒子中有球.$N \l ...

  7. EF 利用PagedList进行分页并结合查询 方法2

    微软提供了PagedList分页,相信大家在网上也能搜索一大堆关于pagedList用法的博客,论坛.但是,在使用的过程中一不小心,就会掉入pagedList某种常规用法的陷阱. 我所说的某种常规用法 ...

  8. Luogu P3990 [SHOI2013]超级跳马

    这道题还是一道比较不可做的矩阵题 首先我们先YY一个递推的算法:令f[i][j]表示走到第i行第j列时的方案数,那么有以下转移: f[i][j]=f[i-1][j-2*k+1]+f[i+1][j-2* ...

  9. VS2017一步一步断点调试解决Dapper语句出现的Bug

    最近再做一个项目,出现一个小bug,bug虽小,但是却要命啊.下面我show下我解决问题的方法. View层代码: @model List<mhq.Blog.Model.Blog> < ...

  10. 老生常谈,函数柯里化(curring)

    柯里化这个概念确实晦涩难懂,没有深入思考过的人其实真的很难明白这是一个什么东西.看起来简单.简单到或许只需要一行代码: const curry = fn => (…args) => fn. ...