JavaScript——数组
数组是JavaScript中的常用类型,本文详述了数组的基本知识以及一些常用的数组方法,并对每种方法进行了详细解释
数组定义
用字面量直接定义
1var arr=[0,0,0]; //注意,是方括号通过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——数组的更多相关文章
- Javascript数组操作
使用JS也算有段时日,然对于数组的使用,总局限于很初级水平,且每每使用总要查下API,或者写个小Demo测试下才算放心,一来二去,浪费不少时间:思虑下,堪能如此继续之?当狠心深学下方是正道. 原文链接 ...
- Javascript数组操作(转)
1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限, ...
- JavaScript 数组
JavaScript 数组 简介:数组是值的有序集合,JavaScript在同一个数组中可以存放多种类型的元素,而且是长度也是可以动态调整的,可以随着数据增加或减少自动对数组长度做更改. 一:创建数组 ...
- 也谈面试必备问题之 JavaScript 数组去重
Why underscore (觉得这部分眼熟的可以直接跳到下一段了...) 最近开始看 underscore.js 源码,并将 underscore.js 源码解读 放在了我的 2016 计划中. ...
- js 判断数组包含某值的方法 和 javascript数组扩展indexOf()方法
var questionId = []; var anSwerIdValue = []; ////javascript数组扩展indexOf()方法 Array.prototype.indexOf ...
- JavaScript 数组 length 属性获取数组长度或设置数组元素的数目
JavaScript 数组 length 属性 JavaScript 数组 length 属性可返回或设置或组中元素的数目,语法如下: array_object.length 利用 length 属性 ...
- 【读书笔记】-- JavaScript数组
数组是一段线性分配的内存,它通过整数计算偏移并访问其中的元素.大多数的语言都会要求一个数组的元素是相同类型,但JavaScript数组可以包含任意类型. var misc = ['string', n ...
- 什么才是正确的javascript数组检测方式
前面的话 对于确定某个对象是不是数组,一直是数组的一个经典问题.本文专门将该问题择出来,介绍什么才是正确的javascript数组检测方式 typeof 首先,使用最常用的类型检测工具——typeof ...
- javascript数组对象排序
javascript数组对象排序 JavaScript数组内置排序函数 javascript内置的sort函数是多种排序算法的集合 JavaScript实现多维数组.对象数组排序,其实用的就是原生的s ...
- javascript数组的知识点讲解
javascript数组的知识点讲解 阅读目录 数组的基本方法如下 concat() join() pop() push() reverse() shift() sort() splice() toS ...
随机推荐
- Luogu P4779 【模板】单源最短路径(标准版)(Dijkstra+堆优化模板)
qwq dij其实和prim挺像的,prim是找权值最小点,dij是找边, 用一个优先队列就可以在加入边的时候直接排序,避免了每次遍历更新min priority_queue <pair< ...
- jmeter(十二)关联之正则表达式提取器
如果有这样的情况:一个完整的操作流程,需要先完成某个操作,获得某个值或数据信息,然后才能进行下一步的操作(也就是常说的关联/将上一个请求的响应结果作为下一个请求的参数): 在jmeter中,可以利用正 ...
- Skyline中的GDAL
安装Skyline的TerraExplorer Pro软件后,我们很容易在其安装目录中找到这样一些文件: gdal.dll.gdal_csharp.dll.ogr_csharp.dll.osr_csh ...
- [04] 高级映射 association和collection
之前我们提到的映射,都是简单的字段和对象属性一对一,假设对象的属性也是一个对象,即涉及到两个表的关联,此时应该如何进行映射处理? 先看两张表,author 和 book: 业务上对应关系为,一个 ...
- CF28D Don't fear, DravDe is kind 背包
题目传送门:http://codeforces.com/problemset/problem/28/D 题意:给你$N$个物品,每个物品有其价格$P_i$,之前必须要买的物品价格和$L_i$,之后必须 ...
- EZ 2018 05 26 NOIP2018 模拟赛(十六)
这次难道就是传说中的标准分大赛?而且这次比赛的链接不翼而飞了 一堆人153pts然后就有Rank4?看来这个Rank4不值钱了,才涨了50+的Rating. 不过还好最后5min的时候想出了T1正解, ...
- Linux常用命令行
实时查看日志runtime.log最后100行 tail -f -n 100 runtime.log
- 【nodejs】让nodejs像后端mvc框架(asp.net mvc)一orm篇【如EF般丝滑】typeorm介绍(8/8)
文章目录 前情概要 在使用nodejs开发过程中,刚好碰到需要做一个小工具,需要用到数据库存储功能.而我又比较懒,一个小功能不想搞一个nodejs项目,又搞一个后端项目.不如直接在nodejs里面把对 ...
- Runaway argument错误 [Overleaf: 在线Latex] [Type 3问题后续]
[背景与问题描述] 在Latex中,经常出现各种问题: Runaway argument? {\contentsline {subsection}{\numberline {6.3}General c ...
- PyCharm Tips 常用操作帮助
以下内容转自 http://www.2cto.com/os/201410/341542.html --------------------------------------------------- ...