数组是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中的FOR循环问题

    做量化操作的时候经常需要使用到matlab编写策略或者计算多因子,for循环非常慢,自己找了一些matlab中for循环的优化方法,for的部分每处理一个大矩阵都要花费大量的时间,这是不可避免需要遇到 ...

  2. 查看和指定SpringBoot内嵌Tomcat的版本

    查看当前使用的Tomcat版本号 Maven Repository中查看 比如我们需要查Spring Boot 2.1.4-RELEASE的内嵌Tomcat版本, 可以打开链接: https://mv ...

  3. SkylineGlobe 6.6 版本API更新

    TEPro6.6API更新 概述 API6.6 较6.5只做了微小的更新,您可以很容易的将6.5的应用程序移植为6.6版本的应用程序. C#环境中,修改步骤如下: 创建SGWorld66实例代替SGW ...

  4. 讲一下Asp.net core MVC2.1 里面的 ApiControllerAttribute (转载)

    ASP.NET Core MVC 2.1 特意为构建 HTTP API 提供了一些小特性,今天主角就是 ApiControllerAttribute. (注:文章是18年2月份的,所以文章提到了cor ...

  5. 通过chrome浏览器分析网页加载时间

    今天趁着下班的时间看了下chrome浏览器的网页加载时间分析工具和相关文档,简单写点儿东西记录一下. 以百度首页加载为例,分析下一张图片1.jgp(就是背景图)的加载时间 看右侧的Timing标签,从 ...

  6. Log4j使用笔记

            在工作过程中,常常需要查看后台日志,为了更好的记录日志,我们使用Log4j来记录日志. 一.maven依赖的配置         在maven中央库库里找到log4j的java包,添加 ...

  7. $\mathfrak {reputation}$

    \(\mathfrak {reputation}\) 举世盛名 身败名裂

  8. DefWindowProc是一个会产生消息的函数

    先看一道题目: 当用户点击右上角关闭按钮的时候,请给下列Windows做出的响应排个序:A:发送 WM_QUIT 消息     B:发送 WM_CLOSE 消息     C:发送 WM_DESTROY ...

  9. [UWP 自定义控件]了解模板化控件(10):原则与技巧

    1. 原则 推荐以符合以下原则的方式编写模板化控件: 选择合适的父类:选择合适的父类可以节省大量的工作,从UWP自带的控件中选择父类是最安全的做法,通常的选择是Control.ContentContr ...

  10. 2018年计划小里程碑(6月)PMI-ACP 敏捷

    年初定的计划之一,考证... 7A,意料之外,也是意料之中.历时两个月多,2018.3.31号决定报名,顶着压报了ACP+ACP实战+PMP,考虑了下敏捷是未来项目管理的趋势,大部分公司正在向敏捷转型 ...